#

whycq

2023-10-06 e1f70a62b31f326a6627d7975b17dd8304af7d90

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

@@ -2,15 +2,16 @@
   <view >
      <view class="main">
         <view class="main-left" >
            <view class="main-list" v-for="it in dataList" >
               <view>{{it.key}}</view>
               <view style="margin-left: 8px;">{{it.value}}</view>
            <view class="main-list" v-for="it in dataList" style="width: 100%;">
               <view style="flex: 1;padding-left: 8rpx;">{{it.key}}</view>
               <view>:</view>
               <view style="flex: 3;padding-left: 8rpx;">{{it.value}}</view>
            </view>
         </view>
         <view class="main-right" @click="goDetail">
            <view class="list-options">
               <view class="list-number">1</view>
               <view class="abdb"> > </view>
               <uni-icons class="opt-icon" type="right" size="20" color="#707070"></uni-icons>
            </view>
         </view>
      </view>
@@ -72,13 +73,15 @@
      border-radius: 16rpx;
   }
   .main-left {
      flex: 4;
      flex: 7;
      background-color: #005500;
      display: flex;
      flex-direction: column;
      padding-top: 8rpx;
      padding-bottom: 8rpx;
   }
   .main-right {
      background-color: #ffaaff;
      flex: 1;
      display: flex;
      align-items: center;
@@ -86,6 +89,7 @@
   }
   .main-list {
      display: flex;
      align-items: center;
   }
   .list-options {
      display: flex;
@@ -96,7 +100,7 @@
      right: 10px;
      top: 5px;
   }
   .abdb {
      flex: 0;
   .opt-icon {
      display: flex;
   }
</style>