提交

src/view/SilkRoadShanShiPinList/index.vue

@@ -5,30 +5,25 @@
     <div class="guize" style="top: 5em" @click="paiming">查看排名</div>
     <van-cell-group title="团队组" style="padding: 8px">
       <van-row gutter="8">
-        <van-col
-          span="12"
-          v-for="item in list"
-          :key="item.id"
-          @click="() => clickShowVideo(item)"
-        >
+        <van-col span="12" v-for="item in list" :key="item.id">
           <van-image
             :width="width"
             :height="height"
             fit="cover"
+            @click="() => clickShowVideo(item)"
             position="left"
             :src="
               item.file + '?x-oss-process=video/snapshot,t_100,f_jpg,m_fast'
             "
           />
           <van-row>
-            <van-col :span="config.times ? 18 : 24">{{ item.name }}</van-col>
-            <van-col span="6" v-if="config.times">
-              <van-button
-                type="primary"
-                size="mini"
-                @click="() => toupiao(item)"
-                >投票</van-button
-              >
+            <van-col span="24">{{ item.name }}</van-col>
+            <van-col span="24" v-if="config.times">
+              <div class="btn" @click="() => toupiao(item)">
+                <img
+                  src="../../assets/img/btn.png"
+                />
+              </div>
             </van-col>
           </van-row>
           <br />
@@ -37,15 +32,11 @@
     </van-cell-group>
     <van-cell-group title="个人组" style="padding: 8px">
       <van-row gutter="8">
-        <van-col
-          span="12"
-          v-for="item in listSelf"
-          :key="item.id"
-          @click="() => clickShowVideo(item)"
-        >
+        <van-col span="12" v-for="item in listSelf" :key="item.id">
           <van-image
             :width="width"
             :height="height"
+            @click="() => clickShowVideo(item)"
             fit="cover"
             position="left"
             :src="
@@ -53,14 +44,15 @@
             "
           />
           <van-row>
-            <van-col :span="config.times ? 18 : 24">{{ item.name }}</van-col>
-            <van-col span="6" v-if="config.times">
-              <van-button
-                type="primary"
-                size="mini"
-                @click="() => toupiao(item)"
-                >投票</van-button
-              >
+            <van-col span="24">{{ item.name }}</van-col>
+            <van-col span="24" v-if="config.times">
+              <div class="btn" @click="() => toupiao(item)">
+                <img
+                  src="../../assets/img/btn.png"
+                  style="width: 100%"
+                  alt=""
+                />
+              </div>
             </van-col>
           </van-row>
           <br />
@@ -101,7 +93,12 @@
       </div>
     </van-dialog>
     <van-overlay z-index="20" :show="showVideo" @click="showVideo = false">
-      <van-icon @click="() => clickShowVideo()" size="25" name="close" class="close" />
+      <van-icon
+        @click="() => clickShowVideo()"
+        size="25"
+        name="close"
+        class="close"
+      />
       <div class="video" v-if="showVideo" @click.stop>
         <div class="videoText" v-text="video.introduction"></div>
       </div>
@@ -325,7 +322,19 @@ const clickShowVideo = item => {
     height: calc(50vh - 60px);
     overflow-y: auto;
   }
-
+  .btn {
+    font-size: 0;
+    text-align: center;
+    color: #666;
+    position: relative;
+    padding: 3px 0;
+    border-radius: 5px;
+    img{
+        display: block;
+        margin: 0 auto;
+        width:  60%;
+    }
+  }
   .videoEle {
     width: 100vw;
     position: absolute;