UI优化

miniprogram/pages/index/index.vue

@@ -40,11 +40,11 @@
 		<!-- 快捷入口 -->
 		<view class="quick-actions">
 			<view class="quick-action quick-action--calc" @click="goCalculator">
-				<text class="quick-action__icon">💎</text>
+				<image class="quick-action__icon" src="/static/ic_jz.png" mode="aspectFit" />
 				<text class="quick-action__text">钻戒计算器</text>
 			</view>
 			<view class="quick-action quick-action--service" @click="showQrcode = true">
-				<text class="quick-action__icon">👩‍💼</text>
+				<image class="quick-action__icon" src="/static/ic_kf.png" mode="aspectFit" />
 				<text class="quick-action__text">客服找款</text>
 			</view>
 		</view>
@@ -289,7 +289,8 @@
 	}
 
 	.quick-action__icon {
-		font-size: 44rpx;
+		width: 44rpx;
+		height: 44rpx;
 	}
 
 	.quick-action__text {

miniprogram/unpackage/dist/dev/.sourcemap/mp-weixin/common/assets.js.map

@@ -1 +1 @@
-{"version":3,"file":"assets.js","sources":["static/ic_search.png","static/ic_back.png","static/ic_none.png","static/ic_customer.png","static/tab/car.png","static/ic_address.png","static/ic_tip.png","static/ic_time.png","static/ic_address2.png","static/ic_phone.png","static/tab/me_s.png","static/ic_about.png","static/ic_agreement1.png","static/ic_agreement2.png","static/ic_loginout.png","static/ic_empty.png","static/logo.png","static/ic_notice.png"],"sourcesContent":["export default \"__VITE_ASSET__cb299f1c__\"","export default \"__VITE_ASSET__a09e4f4f__\"","export default \"__VITE_ASSET__c88a49dc__\"","export default \"__VITE_ASSET__834c867b__\"","export default \"__VITE_ASSET__de453aec__\"","export default \"__VITE_ASSET__2fa96069__\"","export default \"__VITE_ASSET__59ade930__\"","export default \"__VITE_ASSET__7a5d0bff__\"","export default \"__VITE_ASSET__2a259963__\"","export default \"__VITE_ASSET__e2171696__\"","export default \"__VITE_ASSET__0724ec6f__\"","export default \"__VITE_ASSET__53f234dc__\"","export default \"__VITE_ASSET__a736f8f4__\"","export default \"__VITE_ASSET__a25b5e1b__\"","export default \"__VITE_ASSET__d51d50e8__\"","export default \"__VITE_ASSET__b3f7ff5c__\"","export default \"__VITE_ASSET__46719607__\"","export default \"__VITE_ASSET__abe1da0c__\""],"names":[],"mappings":";AAAA,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,aAAA;ACAf,MAAe,eAAA;ACAf,MAAe,aAAA;ACAf,MAAe,aAAA;ACAf,MAAe,aAAA;ACAf,MAAe,aAAA;ACAf,MAAe,aAAA;ACAf,MAAe,eAAA;ACAf,MAAe,aAAA;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"assets.js","sources":["static/ic_search.png","static/ic_jz.png","static/ic_kf.png","static/ic_back.png","static/ic_none.png","static/ic_customer.png","static/tab/car.png","static/ic_address.png","static/ic_tip.png","static/ic_time.png","static/ic_address2.png","static/ic_phone.png","static/tab/me_s.png","static/ic_about.png","static/ic_agreement1.png","static/ic_agreement2.png","static/ic_loginout.png","static/ic_empty.png","static/logo.png","static/ic_notice.png"],"sourcesContent":["export default \"__VITE_ASSET__cb299f1c__\"","export default \"__VITE_ASSET__ecc0114d__\"","export default \"__VITE_ASSET__995e2be8__\"","export default \"__VITE_ASSET__a09e4f4f__\"","export default \"__VITE_ASSET__c88a49dc__\"","export default \"__VITE_ASSET__834c867b__\"","export default \"__VITE_ASSET__de453aec__\"","export default \"__VITE_ASSET__2fa96069__\"","export default \"__VITE_ASSET__59ade930__\"","export default \"__VITE_ASSET__7a5d0bff__\"","export default \"__VITE_ASSET__2a259963__\"","export default \"__VITE_ASSET__e2171696__\"","export default \"__VITE_ASSET__0724ec6f__\"","export default \"__VITE_ASSET__53f234dc__\"","export default \"__VITE_ASSET__a736f8f4__\"","export default \"__VITE_ASSET__a25b5e1b__\"","export default \"__VITE_ASSET__d51d50e8__\"","export default \"__VITE_ASSET__b3f7ff5c__\"","export default \"__VITE_ASSET__46719607__\"","export default \"__VITE_ASSET__abe1da0c__\""],"names":[],"mappings":";AAAA,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,aAAA;ACAf,MAAe,eAAA;ACAf,MAAe,aAAA;ACAf,MAAe,aAAA;ACAf,MAAe,aAAA;ACAf,MAAe,aAAA;ACAf,MAAe,aAAA;ACAf,MAAe,eAAA;ACAf,MAAe,aAAA;;;;;;;;;;;;;;;;;;;;;"}

miniprogram/unpackage/dist/dev/mp-weixin/common/assets.js

@@ -1,5 +1,7 @@
 "use strict";
 const _imports_0$5 = "/static/ic_search.png";
+const _imports_1$3 = "/static/ic_jz.png";
+const _imports_2$4 = "/static/ic_kf.png";
 const _imports_0$4 = "/static/ic_back.png";
 const _imports_0$3 = "/static/ic_none.png";
 const _imports_2$3 = "/static/ic_customer.png";
@@ -23,13 +25,15 @@ exports._imports_0$2 = _imports_0$4;
 exports._imports_0$3 = _imports_0$2;
 exports._imports_0$4 = _imports_0$1;
 exports._imports_0$5 = _imports_0;
-exports._imports_1 = _imports_1$2;
-exports._imports_1$1 = _imports_1$1;
-exports._imports_1$2 = _imports_1;
-exports._imports_2 = _imports_2$3;
-exports._imports_2$1 = _imports_2$2;
-exports._imports_2$2 = _imports_2$1;
-exports._imports_2$3 = _imports_2;
+exports._imports_1 = _imports_1$3;
+exports._imports_1$1 = _imports_1$2;
+exports._imports_1$2 = _imports_1$1;
+exports._imports_1$3 = _imports_1;
+exports._imports_2 = _imports_2$4;
+exports._imports_2$1 = _imports_2$3;
+exports._imports_2$2 = _imports_2$2;
+exports._imports_2$3 = _imports_2$1;
+exports._imports_2$4 = _imports_2;
 exports._imports_3 = _imports_3$1;
 exports._imports_3$1 = _imports_3;
 exports._imports_4 = _imports_4;

miniprogram/unpackage/dist/dev/mp-weixin/pages/index/index.js

@@ -103,9 +103,11 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
             f: common_vendor.o(($event) => selectCategory(cat.id), cat.id)
           });
         }),
-        i: common_vendor.o(goCalculator),
-        j: common_vendor.o(($event) => showQrcode.value = true),
-        k: common_vendor.f(products.value, (product, k0, i0) => {
+        i: common_assets._imports_1,
+        j: common_vendor.o(goCalculator),
+        k: common_assets._imports_2,
+        l: common_vendor.o(($event) => showQrcode.value = true),
+        m: common_vendor.f(products.value, (product, k0, i0) => {
           return {
             a: "1cf27b2a-0-" + i0,
             b: common_vendor.p({
@@ -114,14 +116,14 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
             c: product.id
           };
         }),
-        l: !loading.value && products.value.length === 0
+        n: !loading.value && products.value.length === 0
       }, !loading.value && products.value.length === 0 ? {} : {}, {
-        m: loading.value
+        o: loading.value
       }, loading.value ? {} : {}, {
-        n: showQrcode.value
+        p: showQrcode.value
       }, showQrcode.value ? {
-        o: common_vendor.o(($event) => showQrcode.value = false),
-        p: common_vendor.p({
+        q: common_vendor.o(($event) => showQrcode.value = false),
+        r: common_vendor.p({
           mode: "qrcode"
         })
       } : {});

miniprogram/unpackage/dist/dev/mp-weixin/pages/index/index.wxml

@@ -1 +1 @@
-<view class="home-page data-v-1cf27b2a"><view class="custom-navbar data-v-1cf27b2a" style="{{'padding-top:' + b}}"><view class="custom-navbar__content data-v-1cf27b2a" style="{{'height:' + a}}"><text class="custom-navbar__title data-v-1cf27b2a">凯缘钻之城</text></view></view><view class="search-bar data-v-1cf27b2a"><view class="search-bar__input data-v-1cf27b2a"><image class="search-bar__icon data-v-1cf27b2a" src="{{c}}" mode="aspectFit"/><input class="search-bar__field data-v-1cf27b2a" type="text" placeholder="请输入产品名称、款号、条码号或款式" value="{{d}}" bindinput="{{e}}" bindconfirm="{{f}}"/></view><text class="search-bar__btn data-v-1cf27b2a" bindtap="{{g}}">搜索</text></view><scroll-view class="category-section data-v-1cf27b2a" scroll-x><view class="category-section__inner data-v-1cf27b2a"><view wx:for="{{h}}" wx:for-item="cat" wx:key="d" class="{{['category-icon', 'data-v-1cf27b2a', cat.e && 'category-icon--active']}}" bindtap="{{cat.f}}"><view class="category-icon__circle data-v-1cf27b2a"><image wx:if="{{cat.a}}" class="category-icon__img data-v-1cf27b2a" src="{{cat.b}}" mode="aspectFill"/><text wx:else class="category-icon__emoji data-v-1cf27b2a">💎</text></view><text class="category-icon__label data-v-1cf27b2a">{{cat.c}}</text></view></view></scroll-view><view class="quick-actions data-v-1cf27b2a"><view class="quick-action quick-action--calc data-v-1cf27b2a" bindtap="{{i}}"><text class="quick-action__icon data-v-1cf27b2a">💎</text><text class="quick-action__text data-v-1cf27b2a">钻戒计算器</text></view><view class="quick-action quick-action--service data-v-1cf27b2a" bindtap="{{j}}"><text class="quick-action__icon data-v-1cf27b2a">👩‍💼</text><text class="quick-action__text data-v-1cf27b2a">客服找款</text></view></view><view class="product-grid data-v-1cf27b2a"><view wx:for="{{k}}" wx:for-item="product" wx:key="c" class="product-grid__item data-v-1cf27b2a"><product-card wx:if="{{product.b}}" class="data-v-1cf27b2a" u-i="{{product.a}}" bind:__l="__l" u-p="{{product.b}}"/></view></view><view wx:if="{{l}}" class="empty-tip data-v-1cf27b2a"><text class="data-v-1cf27b2a">暂无商品</text></view><view wx:if="{{m}}" class="loading-tip data-v-1cf27b2a"><text class="data-v-1cf27b2a">加载中...</text></view><customer-service-btn wx:if="{{n}}" class="data-v-1cf27b2a" bindclose="{{o}}" u-i="1cf27b2a-1" bind:__l="__l" u-p="{{p}}"/></view>
+<view class="home-page data-v-1cf27b2a"><view class="custom-navbar data-v-1cf27b2a" style="{{'padding-top:' + b}}"><view class="custom-navbar__content data-v-1cf27b2a" style="{{'height:' + a}}"><text class="custom-navbar__title data-v-1cf27b2a">凯缘钻之城</text></view></view><view class="search-bar data-v-1cf27b2a"><view class="search-bar__input data-v-1cf27b2a"><image class="search-bar__icon data-v-1cf27b2a" src="{{c}}" mode="aspectFit"/><input class="search-bar__field data-v-1cf27b2a" type="text" placeholder="请输入产品名称、款号、条码号或款式" value="{{d}}" bindinput="{{e}}" bindconfirm="{{f}}"/></view><text class="search-bar__btn data-v-1cf27b2a" bindtap="{{g}}">搜索</text></view><scroll-view class="category-section data-v-1cf27b2a" scroll-x><view class="category-section__inner data-v-1cf27b2a"><view wx:for="{{h}}" wx:for-item="cat" wx:key="d" class="{{['category-icon', 'data-v-1cf27b2a', cat.e && 'category-icon--active']}}" bindtap="{{cat.f}}"><view class="category-icon__circle data-v-1cf27b2a"><image wx:if="{{cat.a}}" class="category-icon__img data-v-1cf27b2a" src="{{cat.b}}" mode="aspectFill"/><text wx:else class="category-icon__emoji data-v-1cf27b2a">💎</text></view><text class="category-icon__label data-v-1cf27b2a">{{cat.c}}</text></view></view></scroll-view><view class="quick-actions data-v-1cf27b2a"><view class="quick-action quick-action--calc data-v-1cf27b2a" bindtap="{{j}}"><image class="quick-action__icon data-v-1cf27b2a" src="{{i}}" mode="aspectFit"/><text class="quick-action__text data-v-1cf27b2a">钻戒计算器</text></view><view class="quick-action quick-action--service data-v-1cf27b2a" bindtap="{{l}}"><image class="quick-action__icon data-v-1cf27b2a" src="{{k}}" mode="aspectFit"/><text class="quick-action__text data-v-1cf27b2a">客服找款</text></view></view><view class="product-grid data-v-1cf27b2a"><view wx:for="{{m}}" wx:for-item="product" wx:key="c" class="product-grid__item data-v-1cf27b2a"><product-card wx:if="{{product.b}}" class="data-v-1cf27b2a" u-i="{{product.a}}" bind:__l="__l" u-p="{{product.b}}"/></view></view><view wx:if="{{n}}" class="empty-tip data-v-1cf27b2a"><text class="data-v-1cf27b2a">暂无商品</text></view><view wx:if="{{o}}" class="loading-tip data-v-1cf27b2a"><text class="data-v-1cf27b2a">加载中...</text></view><customer-service-btn wx:if="{{p}}" class="data-v-1cf27b2a" bindclose="{{q}}" u-i="1cf27b2a-1" bind:__l="__l" u-p="{{r}}"/></view>

miniprogram/unpackage/dist/dev/mp-weixin/pages/index/index.wxss

@@ -124,7 +124,8 @@
 		background: linear-gradient(135deg, #e8f5e9, #fff);
 }
 .quick-action__icon.data-v-1cf27b2a {
-		font-size: 44rpx;
+		width: 44rpx;
+		height: 44rpx;
 }
 .quick-action__text.data-v-1cf27b2a {
 		font-size: 30rpx;

miniprogram/unpackage/dist/dev/mp-weixin/pages/mine/index.js

@@ -88,9 +88,9 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
         f: common_assets._imports_0$3,
         g: common_vendor.t(orderCount.value),
         h: common_vendor.o(($event) => navigateTo("/pages/order/list")),
-        i: common_assets._imports_1,
+        i: common_assets._imports_1$1,
         j: common_vendor.o(($event) => navigateTo("/pages/address/index")),
-        k: common_assets._imports_2,
+        k: common_assets._imports_2$1,
         l: common_vendor.o(($event) => showQrCode.value = true),
         m: common_assets._imports_3$1,
         n: common_vendor.o(($event) => showAbout.value = true),

miniprogram/unpackage/dist/dev/mp-weixin/pages/order/detail.js

@@ -130,9 +130,9 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
       }, order.value.status === "pending" ? {
         k: common_vendor.o(handleCancel)
       } : {}, {
-        l: common_assets._imports_1$1,
+        l: common_assets._imports_1$2,
         m: common_vendor.t(order.value.receiverAddress || "我的地址"),
-        n: common_assets._imports_2$3,
+        n: common_assets._imports_2$4,
         o: common_vendor.t(order.value.receiverPhone || "我的手机号"),
         p: common_vendor.t(order.value.totalPrice),
         q: common_vendor.o(

miniprogram/unpackage/dist/dev/mp-weixin/pages/order/submit.js

@@ -82,8 +82,8 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
         c: navBarHeight.value + "px",
         d: statusBarHeight.value + "px",
         e: statusBarHeight.value + navBarHeight.value + "px",
-        f: common_assets._imports_1,
-        g: common_assets._imports_2$2,
+        f: common_assets._imports_1$1,
+        g: common_assets._imports_2$3,
         h: receiverName.value,
         i: common_vendor.o(($event) => receiverName.value = $event.detail.value),
         j: receiverPhone.value,

miniprogram/unpackage/dist/dev/mp-weixin/pages/product/detail.js

@@ -78,9 +78,9 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
             b: fullUrl(img)
           };
         }),
-        o: common_assets._imports_2,
+        o: common_assets._imports_2$1,
         p: common_vendor.o(($event) => showQrCode.value = true),
-        q: common_assets._imports_2$1,
+        q: common_assets._imports_2$2,
         r: common_vendor.o(goCart),
         s: common_vendor.o(($event) => showSpecPanel.value = true),
         t: showSpecPanel.value

miniprogram/unpackage/dist/dev/mp-weixin/pages/search/index.js

@@ -100,7 +100,7 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
       }, !loading.value && noMore.value && products.value.length > 0 ? {} : {}, {
         l: !loading.value && products.value.length === 0
       }, !loading.value && products.value.length === 0 ? {
-        m: common_assets._imports_1$2
+        m: common_assets._imports_1$3
       } : {});
     };
   }