feat: 改造商品详情的位置组件样式

feat: 设置导航栏的颜色
feat: 由脚本自动更新主题颜色
2026-03-10 23:04:42 +08:00 · 2026-03-10 16:53:53 +08:00 · 2026-03-10 16:36:13 +08:00 · 2026-03-10 15:51:55 +08:00 · 2026-03-10 10:19:55 +08:00
33 changed files with 247 additions and 226 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -22,3 +22,4 @@ dist
 *.sw?
 unpackage
 .hbuilderx
+.claude
--- a/client-configs.json
+++ b/client-configs.json
@@ -1,6 +1,6 @@
 {
  "zhinian": {
-    "clientId": "6",
+    "clientId": "8",
    "appId": "wx5e79df5996572539",
    "name": "智念",
    "placeholder": "快告诉智念您在想什么~",
@@ -15,7 +15,14 @@
    "ipSmallImageWidth": 128,
    "ipSmallImageHeight": 128,
    "ipSmallTotalFrames": 117,
-    "ipSmallColumns": 1
+    "ipSmallColumns": 1,
+    "theme": {
+      "theme-color-800": "#0B7034",
+      "theme-color-700": "#0B5C2D",
+      "theme-color-500": "#0CCD58",
+      "theme-color-100": "#E8FFF1",
+      "theme-color-50": "#F0F8F3"
+    }
  },
  "duohua": {
    "clientId": "2",
@@ -33,7 +40,14 @@
    "ipSmallImageWidth": 128,
    "ipSmallImageHeight": 128,
    "ipSmallTotalFrames": 117,
-    "ipSmallColumns": 1
+    "ipSmallColumns": 1,
+    "theme": {
+      "theme-color-800": "#0B7034",
+      "theme-color-700": "#0B5C2D",
+      "theme-color-500": "#0CCD58",
+      "theme-color-100": "#E8FFF1",
+      "theme-color-50": "#F0F8F3"
+    }
  },
  "tianmu": {
    "clientId": "4",
@@ -51,6 +65,13 @@
    "ipSmallImageWidth": 128,
    "ipSmallImageHeight": 128,
    "ipSmallTotalFrames": 148,
-    "ipSmallColumns": 1
+    "ipSmallColumns": 1,
+    "theme": {
+      "theme-color-800": "#8B5CF6",
+      "theme-color-700": "#7C3AED",
+      "theme-color-500": "#A78BFA",
+      "theme-color-100": "#EDE9FE",
+      "theme-color-50": "#F5F3FF"
+    }
  }
 }
--- a/scripts/update-appid.js
+++ b/scripts/update-appid.js
@@ -50,6 +50,38 @@ if (!input) {
 // 文件路径
 const manifestPath = path.join(__dirname, "../src/manifest.json");
 const projectConfigPath = path.join(__dirname, "../project.config.json");
+const uniScssPath = path.join(__dirname, "../src/uni.scss");
+
+/**
+ * 更新 uni.scss 中的主题色变量
+ */
+function updateUniScss(clientName) {
+  try {
+    const theme = CLIENT_CONFIGS[clientName].theme;
+    if (!theme) {
+      console.log("⚠️  未找到主题色配置，跳过更新 uni.scss");
+      return true;
+    }
+
+    console.log("📝 正在更新 uni.scss 主题色...");
+    let content = fs.readFileSync(uniScssPath, "utf8");
+
+    // 更新主题色变量
+    const themeKeys = Object.keys(theme);
+    themeKeys.forEach((key) => {
+      // 匹配形如 $theme-color-800: #174BB6; 的正则
+      const regex = new RegExp(`(\\\$${key}):\\s*#[0-9a-fA-F]+;`);
+      content = content.replace(regex, `$1: ${theme[key]};`);
+    });
+
+    fs.writeFileSync(uniScssPath, content, "utf8");
+    console.log("✅ uni.scss 主题色更新成功");
+    return true;
+  } catch (error) {
+    console.error("❌ 更新 uni.scss 失败:", error.message);
+    return false;
+  }
+}

 /**
 * 更新base.js中的getCurrentConfig函数
@@ -195,8 +227,9 @@ function main() {
    const baseSuccess = updateBaseJs(clientName);
    const manifestSuccess = updateManifestJson(newAppId);
    const projectConfigSuccess = updateProjectConfigJson(newAppId);
+    const scssSuccess = updateUniScss(clientName);

-    if (baseSuccess && manifestSuccess && projectConfigSuccess) {
+    if (baseSuccess && manifestSuccess && projectConfigSuccess && scssSuccess) {
      console.log("\n🎉 所有文件更新完成！");
      console.log(`💡 已切换到 ${CLIENT_CONFIGS[clientName].name} 客户端配置`);
      console.log("💡 提示: 请检查文件内容确认更新正确");
--- a/src/components/CreateServiceOrder/index.vue
+++ b/src/components/CreateServiceOrder/index.vue
@@ -4,7 +4,7 @@
      class="w-full bg-white border-box border-ff overflow-hidden rounded-20"
    >
      <view
-        class="border-box order-header w-vw flex flex-items-center flex-justify-between bg-EEF8FF"
+        class="border-box order-header w-vw flex flex-items-center flex-justify-between bg-theme-color-50"
      >
        <text class="font-size-18 font-500 color-171717 text-left ml-12">
          {{ isCallSuccess ? "服务已创建" : "呼叫服务" }}
--- a/src/components/DateRangeSection/index.vue
+++ b/src/components/DateRangeSection/index.vue
@@ -15,7 +15,7 @@
      </text>
    </view>
    <view class="flex flex-items-center" v-if="showBtn" @click="emit('click')">
-      <text class="font-size-12 color-2D91FF line-height-16">房间详情</text>
+      <text class="font-size-12 theme-color-500 line-height-16">房间详情</text>
      <uni-icons type="right" size="15" color="#99A0AE" />
    </view>
  </view>
--- a/src/components/Feedback/index.vue
+++ b/src/components/Feedback/index.vue
@@ -4,7 +4,7 @@
      class="w-full bg-white border-box border-ff overflow-hidden rounded-20"
    >
      <view
-        class="border-box order-header w-vw flex flex-items-center flex-justify-between bg-EEF8FF"
+        class="border-box order-header w-vw flex flex-items-center flex-justify-between bg-theme-color-50"
      >
        <text class="font-size-18 font-500 color-171717 text-left ml-12">
          {{ isCallSuccess ? "反馈已创建" : "反馈意见" }}
--- a/src/components/LocationCard/index.vue
+++ b/src/components/LocationCard/index.vue
@@ -1,14 +1,26 @@
 <template>
-  <view class="store-address" @click="openMap">
-    <view class="text-container">
+  <view class="store-address">
+    <view class="text-container" @click.stop="openMap">
      <text class="location-label">位于 {{ orderData.oneLevelAddress }}</text>
      <text class="address-text">{{ orderData.commodityAddress }}</text>
    </view>
-    <image
-      class="loc-icon"
-      src="./images/loc_icon_img.png"
-      mode="aspectFit"
-    ></image>
+
+    <view class="actions">
+      <view>
+        <view class="actions-btn" @click.stop="openMap">
+          <text class="actions-icon">📞</text>
+        </view>
+        <text class="actions-text">导航</text>
+      </view>
+      
+      <view>
+        <view class="actions-btn" @click.stop="callPhone">
+          <text class="actions-icon">📞</text>
+        </view>
+        <text class="actions-text">电话</text>
+      </view>
+      
+    </view>
  </view>
 </template>

@@ -30,21 +42,38 @@ const openMap = () => {
  const longitude = Number(props.orderData.commodityLongitude);

  uni.getLocation({
-    type: "gcj02", //返回可以用于uni.openLocation的经纬度
-    success: (res) => {
-      console.log("当前经纬度", latitude, longitude);
-
+    type: "gcj02",
+    success: () => {
      uni.openLocation({
        latitude: latitude,
        longitude: longitude,
        address: address,
-        success: () => {
-          console.log("success");
+      });
    },
+    fail: () => {
+      uni.openLocation({
+        latitude: latitude,
+        longitude: longitude,
+        address: address,
      });
    },
  });
 };
+
+// 拨打电话
+const getPhoneNumber = () => {
+  const o = props.orderData || {};
+  return o.commodityPhone || o.phone || o.contactPhone || "";
+};
+
+const callPhone = () => {
+  const phone = getPhoneNumber();
+  if (!phone) {
+    uni.showToast({ title: "未提供电话号码", icon: "none" });
+    return;
+  }
+  uni.makePhoneCall({ phoneNumber: String(phone) });
+};
 </script>

 <style scoped lang="scss">
--- a/src/components/LocationCard/styles/index.scss
+++ b/src/components/LocationCard/styles/index.scss
@@ -1,51 +1,56 @@
 .store-address {
  display: flex;
  align-items: center;
-  margin: 6px 12px;
-  padding: 16px 12px;
-  background-image: url("./images/loc_bg_img.png"); // 预留背景图片位置，用户手动导入
-  background-size: cover;
-  background-position: center;
-  border-radius: 20px;
-  font-size: $uni-font-size-base;
-  color: $uni-text-color;
-  position: relative;
-  overflow: hidden;
+  margin-top: 12px;
+  padding: 12px 12px 0 12px;
+  background-color: #ffffff;
+  border-top: 1px solid #e0e0e0;
  
  // 左侧文本容器
  .text-container {
    display: flex;
    flex-direction: column;
    flex: 1;
-    position: relative;
-    z-index: 2;
-  }
-
-  // 确保内容在遮罩层之上
-  .location-label,
-  .address-text,
-  .loc-icon {
-    position: relative;
-    z-index: 2;
  }

  .location-label {
-    color: $uni-text-color;
+    color: $text-color-800;
    font-size: $uni-font-size-base;
    font-weight: 500;
  }

  .address-text {
    margin-top: 4px;
-    color: #666;
+    color: $text-color-600;
    font-size: $uni-font-size-sm;
    font-weight: 400;
  }

-  // 右侧图标样式
-  .loc-icon {
-    width: 24px;
-    height: 24px;
-    margin-left: 12px;
+  // 右侧操作按钮组
+  .actions {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    margin-left: 16px;
+  }
+
+  .actions-btn {
+    width: 28px;
+    height: 28px;
+    border-radius: 10px;
+    background-color: #F5F5F5;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .actions-icon {
+    font-size: 16px;
+    line-height: 16px;
+  }
+
+  .actions-text {
+    font-size: $uni-font-size-sm;
+    color: $text-color-600;
  }
 }
--- a/src/components/SurveyQuestionnaire/index.vue
+++ b/src/components/SurveyQuestionnaire/index.vue
@@ -1,7 +1,7 @@
 <template>
  <view class="survey-questionnaire w-vw-24">
    <view class="bg-white border-box border-ff overflow-hidden rounded-20">
-      <view class="border-box flex flex-items-center flex-justify-between bg-EEF8FF">
+      <view class="border-box flex flex-items-center flex-justify-between bg-theme-color-50">
        <text class="font-size-18 font-500 color-171717 text-left ml-12">
          调查问卷
        </text>
--- a/src/components/TopNavBar/index.vue
+++ b/src/components/TopNavBar/index.vue
@@ -1,37 +1,23 @@
 <template>
  <view :class="navBarClass" :style="navBarStyle">
    <!-- 状态栏占位 -->
-    <view
-      :style="{ height: statusBarHeight + 'px' }"
-      v-if="!hideStatusBar"
-    ></view>
+    <view :style="{ height: statusBarHeight + 'px' }" v-if="!hideStatusBar"></view>

    <!-- 导航栏内容 -->
-    <view
-      class="flex flex-items-center flex-justify-between border-box pl-8 pr-8"
-      :style="{ height: navBarHeight + 'px' }"
-    >
+    <view class="flex flex-items-center flex-justify-between border-box pl-8 pr-8"
+      :style="{ height: navBarHeight + 'px' }">
      <!-- 左侧返回按钮 -->
-      <view
-        class="nav-bar-left flex flex-items-center flex-justify-center"
-        v-if="showBack"
-        @click="handleBack"
-      >
+      <view class="nav-bar-left flex flex-items-center flex-justify-center" v-if="showBack" @click="handleBack">
        <uni-icons type="left" size="20" :color="backIconColor" />
      </view>

      <!-- 中间标题区域 -->
-      <view
-        :class="[
+      <view :class="[
        'nav-bar-center flex flex-items-center flex-justify-center',
        `nav-bar-center--${titleAlign}`,
-        ]"
-      >
+      ]">
        <slot name="title">
-          <text
-            class="font-size-17 font-500 color-000"
-            :style="{ color: titleColor }"
-          >
+          <text class="font-size-17 font-500 color-000" :style="{ color: titleColor }">
            {{ title }}
          </text>
        </slot>
@@ -68,7 +54,7 @@ const props = defineProps({
  // 背景颜色
  background: {
    type: String,
-    default: "#d9eeff",
+    default: "$theme-color-100",
  },
  // 标题颜色
  titleColor: {
--- a/src/components/TopNavBar/styles/index.scss
+++ b/src/components/TopNavBar/styles/index.scss
@@ -1,7 +1,7 @@
 // TopNavBar 组件样式
 .top-nav-bar {
  width: 100%;
-  background-color: #d9eeff;
+  background-color: $theme-color-100;

  &--fixed {
    position: fixed;
--- a/src/pages-booking/index.vue
+++ b/src/pages-booking/index.vue
@@ -2,7 +2,7 @@
  <view class="booking h-screen flex flex-col">
    <TopNavBar
      titleAlign="center"
-      backgroundColor="#D9EEFF"
+      :backgroundColor="$theme-color-100"
      backIconColor="#000"
      :shadow="false"
    >
@@ -53,7 +53,7 @@
          >
          <view class="flex flex-items-center">
            <text
-              class="font-size-12 color-2D91FF line-height-16"
+              class="font-size-12 theme-color-500 line-height-16"
              @click="refundVisible = true"
              >取消政策</text
            >
--- a/src/pages-booking/styles/index.scss
+++ b/src/pages-booking/styles/index.scss
@@ -1,4 +1,4 @@
 .booking {
-  background: linear-gradient(180deg, #d9eeff 0%, #f5f7fa 100%) 0 86px / 100%
+  background: linear-gradient(180deg, $theme-color-100 0%, #f5f7fa 100%) 0 86px / 100%
    100px no-repeat;
 }
--- a/src/pages-order/order/components/AmtSection/index.vue
+++ b/src/pages-order/order/components/AmtSection/index.vue
@@ -22,7 +22,7 @@
    >
      <view class="color-525866">取消政策及说明</view>
      <view class="flex flex-items-center" @click="emit('click')">
-        <text class="color-2D91FF mr-4">查看详情</text>
+        <text class="theme-color-500 mr-4">查看详情</text>
        <uni-icons type="right" size="12" color="#99A0AE" />
      </view>
    </view>
--- a/src/pages-order/order/components/FooterSection/index.vue
+++ b/src/pages-order/order/components/FooterSection/index.vue
@@ -14,7 +14,7 @@
        'right border-none rounded-10 flex flex-full flex-items-center flex-justify-center font-size-14 font-500 color-white',
        {
          'bg-FF3D60': statusCode === '0',
-          'bg-2D91FF': ['1', '2', '3', '4', '5', '6'].includes(statusCode),
+          'theme-color-500': ['1', '2', '3', '4', '5', '6'].includes(statusCode),
        },
      ]"
      @click="handleButtonClick(orderData)"
--- a/src/pages-order/order/components/OrderCard/styles/index.scss
+++ b/src/pages-order/order/components/OrderCard/styles/index.scss
@@ -30,7 +30,7 @@
  }

  &.tag-4 {
-    color: #2d91ff;
+    color: $theme-color-500;
  }

  &.tag-5 {
--- a/src/pages-order/order/detail.vue
+++ b/src/pages-order/order/detail.vue
@@ -1,6 +1,6 @@
 <template>
  <view class="order-detail-page flex flex-col h-screen">
-    <TopNavBar titleAlign="center" background="#D9EEFF" title="订单详情" />
+    <TopNavBar titleAlign="center" :background="$theme-color-100" title="订单详情" />

    <view
      class="order-detail-wrapper border-box flex-full overflow-hidden scroll-y"
--- a/src/pages-order/order/list.vue
+++ b/src/pages-order/order/list.vue
@@ -1,14 +1,8 @@
 <template>
  <z-paging
-    bg-color="linear-gradient(180deg, #D9EEFF 0%, #F5F7FA 100%) 0 86px / 100% 100px no-repeat"
-    ref="paging"
-    v-model="dataList"
-    use-virtual-list
-    :force-close-inner-list="true"
-    cell-height-mode="dynamic"
-    safe-area-inset-bottom
-    @query="queryList"
-  >
+    :bg-color="'linear-gradient(180deg, ' + $theme-color-100 + ' 0%, #F5F7FA 100%) 0 86px / 100% 100px no-repeat'"
+    ref="paging" v-model="dataList" use-virtual-list :force-close-inner-list="true" cell-height-mode="dynamic"
+    safe-area-inset-bottom @query="queryList">
    <template #top>
      <TopNavBar title="全部订单" />
    </template>
@@ -17,12 +11,7 @@
      <CustomEmpty statusText="您暂无订单" />
    </template>

-    <OrderCard
-      v-for="(item, index) in dataList"
-      :key="item.id || index"
-      :orderData="item"
-      @click="handleOrderClick"
-    />
+    <OrderCard v-for="(item, index) in dataList" :key="item.id || index" :orderData="item" @click="handleOrderClick" />
  </z-paging>
 </template>

--- a/src/pages-order/order/styles/detail.scss
+++ b/src/pages-order/order/styles/detail.scss
@@ -1,4 +1,4 @@
 .order-detail-wrapper {
-  background: linear-gradient(180deg, #d9eeff 0%, #f5f7fa 100%);
+  background: linear-gradient(180deg, $theme-color-100 0%, #f5f7fa 100%);
  padding: 0 12px 40px;
 }
--- a/src/pages-quick/components/Tabs/index.vue
+++ b/src/pages-quick/components/Tabs/index.vue
@@ -1,30 +1,19 @@
 <template>
  <view class="tab-container relative">
    <view class="tab-wrapper flex flex-items-center flex-justify-center">
-      <view
-        v-for="(item, index) in tabList"
-        :key="index"
-        :class="[
+      <view v-for="(item, index) in tabList" :key="index" :class="[
        'tab-item flex flex-full flex-items-center flex-justify-center relative',
        activeIndex === index && 'tab-item-active',
-        ]"
-        @click="handleTabClick(index)"
-      >
+      ]" @click="handleTabClick(index)">
        <view class="absolute flex flex-items-center">
-          <uni-icons
-            class="icon mr-4"
-            fontFamily="znicons"
-            size="20"
-            :color="activeIndex === index ? '#2D91FF' : '#525866'"
-          >
+          <uni-icons class="icon mr-4" fontFamily="znicons" size="20"
+            :color="activeIndex === index ? '$theme-color-500' : '#525866'">
            {{ zniconsMap[item.icon] }}
          </uni-icons>
-          <text
-            :class="[
+          <text :class="[
            'font-size-16 font-500 color-525866 ',
            activeIndex === index && 'tab-text-active',
-            ]"
-          >
+          ]">
            {{ item.label }}
          </text>
        </view>
@@ -32,17 +21,14 @@
    </view>

    <!-- 下划线指示器 -->
-    <view
-      :class="[
+    <view :class="[
      'tab-indicator absolute',
      indicatorAnimating && 'animating',
      indicatorInitialized && 'initialized',
-      ]"
-      :style="{
+    ]" :style="{
      left: indicatorLeft + 'px',
      width: indicatorWidth + 'px',
-      }"
-    ></view>
+    }"></view>
  </view>
 </template>

--- a/src/pages-quick/components/Tabs/styles/index.scss
+++ b/src/pages-quick/components/Tabs/styles/index.scss
@@ -1,5 +1,5 @@
 .tab-wrapper {
-  background-color: #d9eeff;
+  background-color: $theme-color-100;
  height: 48px;
 }

@@ -24,19 +24,19 @@
    border-radius: 20px 20px 0 0;
    transform: perspective(40px) rotateX(6deg) translate(0, -1px);
    transform-origin: bottom bottom;
-    box-shadow: 0 -0.5px 0 #2d91ff;
+    box-shadow: 0 -0.5px 0 $theme-color-500;
  }
 }

 .tab-text-active {
-  color: #2d91ff;
+  color: $theme-color-500;
  z-index: 3;
 }

 .tab-indicator {
  bottom: 0;
  height: 3px;
-  background-color: #2d91ff;
+  background-color: $theme-color-500;
  border-radius: 4px 4px 0 0;
  transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
--- a/src/pages-quick/list.vue
+++ b/src/pages-quick/list.vue
@@ -1,23 +1,13 @@
 <template>
-  <z-paging
-    ref="paging"
-    v-model="dataList"
-    use-virtual-list
-    :force-close-inner-list="true"
-    cell-height-mode="dynamic"
-    safe-area-inset-bottom
-    @query="queryList"
-  >
+  <z-paging ref="paging" v-model="dataList" use-virtual-list :force-close-inner-list="true" cell-height-mode="dynamic"
+    safe-area-inset-bottom @query="queryList">
    <template #top>
-      <TopNavBar title="快速预定" />
+      <TopNavBar title="快速预定" :background="$theme-color-100" />

      <Tabs @change="handleTabChange" />

      <!-- 选择入住、离店日期 -->
-      <view
-        class="bg-white border-box flex flex-items-center p-12"
-        v-if="currentType === '0'"
-      >
+      <view class="bg-white border-box flex flex-items-center p-12" v-if="currentType === '0'">
        <view class="in flex flex-items-center">
          <text class="font-size-11 font-500 color-99A0AE mr-4">入住</text>
          <text class="font-size-14 font-500 color-171717">
@@ -26,9 +16,7 @@
        </view>

        <!-- 几晚 -->
-        <text
-          class="nights bg-E5E8EE border-box font-size-11 font-500 color-525866 rounded-50 ml-8 mr-8"
-        >
+        <text class="nights bg-E5E8EE border-box font-size-11 font-500 color-525866 rounded-50 ml-8 mr-8">
          {{ selectedDate.totalDays }}晚
        </text>

@@ -40,32 +28,16 @@
        </view>

        <!-- 日期图标 -->
-        <uni-icons
-          class="ml-auto"
-          type="calendar"
-          size="24"
-          color="#2D91FF"
-          @click="calendarVisible = true"
-        />
+        <uni-icons class="ml-auto" type="calendar" size="24" color="$theme-color-500" @click="calendarVisible = true" />
      </view>
    </template>

-    <Card
-      v-for="(item, index) in dataList"
-      :key="index"
-      :item="item"
-      :selectedDate="selectedDate"
-    />
+    <Card v-for="(item, index) in dataList" :key="index" :item="item" :selectedDate="selectedDate" />
  </z-paging>

  <!-- 日历组件 -->
-  <Calender
-    :visible="calendarVisible"
-    mode="range"
-    :default-value="selectedDate"
-    @close="handleCalendarClose"
-    @range-select="handleDateSelect"
-  />
+  <Calender :visible="calendarVisible" mode="range" :default-value="selectedDate" @close="handleCalendarClose"
+    @range-select="handleDateSelect" />
 </template>

 <script setup>
--- a/src/pages-service/order/list.vue
+++ b/src/pages-service/order/list.vue
@@ -1,30 +1,18 @@
 <template>
  <z-paging
-    bg-color="linear-gradient(180deg, #D9EEFF 0%, #F5F7FA 100%) 0 86px / 100% 100px no-repeat"
-    ref="paging"
-    v-model="dataList"
-    use-virtual-list
-    :force-close-inner-list="true"
-    cell-height-mode="dynamic"
-    safe-area-inset-bottom
-    @query="queryList"
-  >
+    :bg-color="'linear-gradient(180deg, ' + $theme - color - 100 + ' 0%, #F5F7FA 100%) 0 86px / 100% 100px no-repeat'"
+    ref="paging" v-model="dataList" use-virtual-list :force-close-inner-list="true" cell-height-mode="dynamic"
+    safe-area-inset-bottom @query="queryList">
    <template #top>
      <TopNavBar title="呼叫服务" />
    </template>

    <template #empty>
-      <CustomEmpty
-        emptyIcon="https://oss.nianxx.cn/mp/static/version_101/order/service_empty.png"
-        statusText="您暂无呼叫服务"
-      />
+      <CustomEmpty emptyIcon="https://oss.nianxx.cn/mp/static/version_101/order/service_empty.png"
+        statusText="您暂无呼叫服务" />
    </template>

-    <OrderCard
-      v-for="(item, index) in dataList"
-      :key="item.id || index"
-      :orderData="item"
-    />
+    <OrderCard v-for="(item, index) in dataList" :key="item.id || index" :orderData="item" />
  </z-paging>
 </template>

--- a/src/pages/index/components/chat/ChatInputArea/styles/index.scss
+++ b/src/pages/index/components/chat/ChatInputArea/styles/index.scss
@@ -65,7 +65,7 @@
          #8afcf8 0%,
          rgba(138, 252, 248, 0) 100%
        ),
-        #2d91ff;
+        $theme-color-500;
    }

    .send-icon {
--- a/src/pages/index/components/chat/ChatQuickAccess/index.vue
+++ b/src/pages/index/components/chat/ChatQuickAccess/index.vue
@@ -4,7 +4,7 @@
      @click="sendReply(item)">
      <view class="flex items-center justify-center">
        <image v-if="item.icon" class="icon" :src="item.icon" />
-        <text class="font-size-14 color-2D91FF line-height-20">
+        <text class="font-size-14 theme-color-500 line-height-20">
          {{ item.title }}
        </text>
      </view>
--- a/src/pages/index/components/module/AttachListComponent/styles/index.scss
+++ b/src/pages/index/components/module/AttachListComponent/styles/index.scss
@@ -18,6 +18,6 @@
 }

 .tag-text {
-  color: #2d91ff; /* 蓝色文字，可根据设计调整 */
+  color: $theme-color-500;
  font-size: $uni-font-size-base;
 }
--- a/src/pages/index/components/module/MoreService/styles/index.scss
+++ b/src/pages/index/components/module/MoreService/styles/index.scss
@@ -23,7 +23,7 @@
 }

 .right {
-  background-color: #2d91ff;
+  background-color: $theme-color-500;
  border-radius: 5px;
  padding: 6px;
 }
--- a/src/pages/login/index.vue
+++ b/src/pages/login/index.vue
@@ -17,9 +17,9 @@
    <view class="login-agreement flex flex-items-center">
      <CheckBox v-model="isAgree">
        <text class="font-size-12 color-525866">我已阅读并同意</text>
-        <text class="font-size-12 color-2D91FF ml-4 mr-4" @click.stop="handleAgreeClick('service')">《服务协议》</text>
+        <text class="font-size-12 theme-color-500 ml-4 mr-4" @click.stop="handleAgreeClick('service')">《服务协议》</text>
        <text class="font-size-12 color-525866">和</text>
-        <text class="font-size-12 color-2D91FF ml-4 mr-4" @click.stop="handleAgreeClick('privacy')">《隐私协议》</text>
+        <text class="font-size-12 theme-color-500 ml-4 mr-4" @click.stop="handleAgreeClick('privacy')">《隐私协议》</text>
        <text class="font-size-12 color-525866">，\n</text>
        <text class="font-size-12 color-525866 ml-30">授权与账号关联操作</text>
      </CheckBox>
--- a/src/pages/login/styles/index.scss
+++ b/src/pages/login/styles/index.scss
@@ -30,7 +30,7 @@
    width: 304px;

    .login-btn {
-      background: #2d91ff;
+      background: $theme-color-500;
      width: 100%;
      border-radius: 10px;
    }
--- a/src/static/scss/background.scss
+++ b/src/static/scss/background.scss
@@ -23,31 +23,29 @@
  background-color: #f5f7fa;
 }

-.bg-EEF8FF {
-  background-color: #eef8ff;
-}
-
 .bg-FF3D60 {
  background-color: #ff3d60;
 }

-.bg-2D91FF {
-  background-color: #2d91ff;
+.bg-theme-color-500 {
+  background-color: $theme-color-500;
+}
+
+.bg-theme-color-50 {
+  background-color: $theme-color-50;
 }

 .bg-liner {
-  background: linear-gradient(205deg, #8ae3fc 0%, rgba(138, 227, 252, 0) 20%),
+  background: linear-gradient(205deg, $theme-color-100 0%, rgba(138, 227, 252, 0) 20%),
    linear-gradient(155deg, #fef7e1 0%, rgba(254, 247, 225, 0) 20%),
-    radial-gradient(
-      48% 48% at 61% 118%,
+    radial-gradient(48% 48% at 61% 118%,
      #ffffff 0%,
-      rgba(255, 255, 255, 0) 100%
-    ),
-    linear-gradient(180deg, rgba(238, 248, 255, 0) 0%, #eef8ff 50%), #eef8ff;
+      rgba(255, 255, 255, 0) 100%),
+    linear-gradient(180deg, rgba(238, 248, 255, 0) 0%, $theme-color-50 50%), $theme-color-50;
 }

 .bg-button {
-  background: linear-gradient(90deg, #2d91ff 0%, #4de4ff 100%);
+  background: linear-gradient(90deg, $theme-color-500 0%, #4de4ff 100%);
 }

 .bg-transparent {
--- a/src/static/scss/colors.scss
+++ b/src/static/scss/colors.scss
@@ -40,8 +40,8 @@
  color: #ff3d60;
 }

-.color-2D91FF {
-  color: #2d91ff;
+.theme-color-500 {
+  color: $theme-color-500;
 }

 .color-43669A {
--- a/src/uni.scss
+++ b/src/uni.scss
@@ -12,6 +12,25 @@
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */

+/* 主题颜色（由 switch-client 命令自动更新） */
+$theme-color-800: #0B7034;
+$theme-color-700: #0B5C2D;
+$theme-color-500: #0CCD58;
+$theme-color-100: #E8FFF1;
+$theme-color-50: #F0F8F3;
+
+// text 颜色
+$text-color-900: #181B25;
+$text-color-800: #222530;
+$text-color-700: #2B303B;
+$text-color-600: #525866;
+$text-color-500: #717784;
+$text-color-400: #99A0AE;
+$text-color-300: #CACFD8;
+$text-color-200: #E5E8EE;
+$text-color-100: #F2F5F8;
+$text-color-50: #F9FAFB;
+
 /* 颜色变量 */

 /* 行为相关颜色 */
--- a/src/uni_modules/zero-markdown-view/components/zero-markdown-view/zero-markdown-view.vue
+++ b/src/uni_modules/zero-markdown-view/components/zero-markdown-view/zero-markdown-view.vue
@@ -1,13 +1,7 @@
 <template>
  <view class="zero-markdown-view">
-    <mp-html
-      :key="mpkey"
-      :selectable="selectable"
-      :scroll-table="scrollTable"
-      :tag-style="tagStyle"
-      :markdown="true"
-      :content="contentAi"
-    >
+    <mp-html :key="mpkey" :selectable="selectable" :scroll-table="scrollTable" :tag-style="tagStyle" :markdown="true"
+      :content="contentAi">
    </mp-html>
  </view>
 </template>
@@ -35,7 +29,7 @@ export default {
    },
    themeColor: {
      type: String,
-      default: "#2D91FF",
+      default: "#181B25",
    },
    codeBgColor: {
      type: String,
@@ -47,11 +41,11 @@ export default {
    },
    fontColor: {
      type: String,
-      default: "#171717",
+      default: "#181B25",
    },
    fontSubColor: {
      type: String,
-      default: "#4D4D4D",
+      default: "#717784",
    },
    aiMode: {
      type: Boolean,
Author	SHA1	Message	Date
zoujing	e3fa4b6a02	feat: 改造商品详情的位置组件样式	2026-03-10 23:04:42 +08:00
zoujing	b69d24b96a	feat: 设置导航栏的颜色	2026-03-10 16:53:53 +08:00
zoujing	5031a710db	feat: 由脚本自动更新主题颜色	2026-03-10 16:36:13 +08:00
zoujing	df8a7f4de7	feat: 主题颜色的调整，现在支持切换颜色	2026-03-10 15:51:55 +08:00
zoujing	9cfde3f10a	feat: 主题颜色的定义	2026-03-10 10:19:55 +08:00