#

whycq

2023-10-07 42dd537a52e9886fdcb1f3ee4ee14f19ee46933c

 components/z-data-list/z-data-list.vue

@@ -6,14 +6,20 @@
               <view class="left-key">{{it.key}}</view>
               <view>:</view>
               <view class="left-val">
                  <text class="val-text" style="">{{it.value}}</text>
                  <text :class="it.valText">{{it.value}}</text>
               </view>
            </view>
         </view>
         <uni-badge class="main-right uni-badge-left-margin" :text="index" absolute="rightTop" size="small" type="primary">
            <view @click="goDetail">
         <uni-badge 
            class="main-right uni-badge-left-margin" 
            :text="index" 
            absolute="rightTop" 
            size="small" 
            type="primary"  
            >
            <view style="height: 100%;display: flex;align-items: center;" @click="goDetail">
               <view class="list-options">
                  <uni-icons class="opt-icon" type="right" size="20" color="#707070"></uni-icons>
                  <uni-icons class="opt-icon" type="right" size="20" color="#b9b9b9"></uni-icons>
               </view>
            </view>
         </uni-badge>
@@ -35,7 +41,8 @@
               {key: '数量',value: '200'}
            ],
            detailList: [],
            dataKey: {}
            dataKey: {},
            valText: 'val-text'
         };
      },
      methods: {
@@ -73,7 +80,7 @@
   .main {
      position: relative;
      min-height: 70rpx;
      background-color: #ebe7e6;
      background-color: #f5f5f5;
      display: flex;
      align-items: stretch;
      margin: 8px 8px 8px 8px;
@@ -85,7 +92,7 @@
      flex-direction: column;
      padding-top: 8rpx;
      padding-bottom: 8rpx;
      color: #444;
      color: #606164;
      font-size: 14px;
   }
   .main-right {
@@ -94,6 +101,10 @@
      align-items: center;
      justify-content: center;
      border-left: 1px solid #ffffff;
   }
   .main-right:active {
      background-color: #e3e5e7;
      color: #FFF;
   }
   .main-list {
      display: flex;
@@ -121,12 +132,17 @@
   .left-val {
      flex: 1;
      padding-left: 8rpx;
      color: #666;
      color: #606266;
   }
   .val-text {
      background-color: blue;
      background-color: #00aeec;
      padding: 2px 4px;
      border-radius: 8rpx;
      color: white;
      color: #FFF;
   }
   .val-num {
      font-weight: 900;
      color: #d19a66;
      font-size: 16px;
   }
</style>