Jelajahi Sumber

个人名片优化

codeMan 1 tahun lalu
induk
melakukan
9b85248d6b
2 mengubah file dengan 51 tambahan dan 11 penghapusan
  1. 3 3
      cloud/businessCard/index.vue
  2. 48 8
      cloud/commodityAdjustment/index.vue

+ 3 - 3
cloud/businessCard/index.vue

@@ -59,7 +59,7 @@
             <view class="top">
                 <view class="left">
                     <view class="avatar">
-                        <block v-for="item in userInfo.readusers">
+                        <block v-for="item in userInfo.readusers" :key="item.rowindex">
                             <image
                                 :src="item.headpic || 'https://yossys06593.obs.cn-east-3.myhuaweicloud.com:443/202406011717209838416B6150695f.webp'"
                                 v-if="item.rowindex < 4" :key="item.rowindex" />
@@ -224,8 +224,8 @@ export default {
         function render() {
             if (options.q) {
                 let params = this.getUrlParams(options.q);
-                user.wechatBindUserid = params.wechatBindUserid;
-                this.userid = params.wechatBindUserid
+                user.wechatBindUserid = params.userid;
+                this.userid = params.userid
             }
             this.getuserInfo(this.userid)
         }

+ 48 - 8
cloud/commodityAdjustment/index.vue

@@ -14,13 +14,20 @@
         </view>
         <view class="list">
             <My_listbox ref="List" @getlist="getList" :bottomHeight="70">
-                <navigator @click="goDetail" :url="'/cloud/commodityAdjustment/detail?id='+item.sa_fadid" class="product-item" v-for="item in list" :key="item.sa_fadid">
-                    <u-image :src="item.attinfos.length ? item.attinfos[0].url:''" :width="tovw(86)" :height="tovw(80)" :lazy-load="true" radius="5"></u-image>
-                    <view class="product-info">
-                        <text class="title u-line-1">{{ item.name }}</text>
-                        <text class="price"><text style="margin-right: 2px;">¥</text>{{ CNY(item.pricetype != '阶梯价' ? item.price : item.price_deposit,'') }}<text style="margin-left: 2px;">元</text></text>
+                <view v-for="item in list" :key="item.sa_fadid" class="box">
+                    <navigator @click="goDetail" :url="'/cloud/commodityAdjustment/detail?id='+item.sa_fadid" class="product-item">
+                        <u-image :src="item.attinfos.length ? item.attinfos[0].url:''" :width="tovw(86)" :height="tovw(80)" :lazy-load="true" radius="5"></u-image>
+                        <view class="product-info">
+                            <text class="title u-line-1">{{ item.name }}</text>
+                            <text class="price"><text style="margin-right: 2px;">¥</text>{{ CNY(item.pricetype != '阶梯价' ? item.price : item.price_deposit,'') }}<text style="margin-left: 2px;">元</text></text>
+                        </view>
+                    </navigator>
+                    <view class="bottom">
+                        <view :style="{'--color1':item.isonsale ? '#E3041F' : '#E3041F'}" class="status">{{ item.isonsale ? '上架' : '下架' }}</view>
+                        <view class="change-date">{{ item.changedate }}</view>
                     </view>
-                </navigator>
+                </view>
+                
             </My_listbox>
         </view>
     </view>
@@ -116,12 +123,13 @@ export default {
     }
     .list {
         .product-item {
-            padding: 12px 10px;
+            padding: 12px 10px 12px 0;
+            margin-left: 10px;
             display: flex;
             align-items: center;
             align-content: center;
             background: #ffffff;
-            margin-bottom: 10px;
+            border-bottom: 1px solid #DDDDDD;
             .product-info {
                 flex: 1;
                 margin-left: 20px;
@@ -144,6 +152,38 @@ export default {
                 }
             }
         }
+        .box {
+            background: #ffffff;
+            margin-bottom: 10px;
+            .bottom {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                padding: 10px;
+                .status {
+                    font-weight: bolder;
+                    font-size: 12px;
+                    position: relative;
+                    padding-left: 7px;
+                    color: var(--color1);
+                    &::after {
+                        content: '';
+                        width: 4px;
+                        height: 4px;
+                        border-radius: 50%;
+                        background: var(--color1);
+                        position: absolute;
+                        left: 0;
+                        top: 6px;
+                    }
+                }
+                .change-date {
+                    font-weight: 400;
+                    font-size: 12px;
+                    color: #999999;
+                }
+            }
+        }
     }
 }
 </style>