更新样式

src/components/rollName/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="rollcon" :ref="'r_'+myref">
-    <span :class="{shenglv:(parentW < childW && !active)}" :ref="myref" :style="`transform: translateX(${translate}px);
-    ${`width: ${(parentW < childW && !active)?`calc(100% - ${mgin||10}px)`:'auto'}`}`">{{name}}</span>
+    <span :class="{shenglv:(parentW < childW && !active)}" :ref="myref" :style="`transform: translateX(${translate}px);`">
+    {{ `${active ? name : name.slice(0,6)}`}}</span>
   </div>
 </template>
 <script>
@@ -74,12 +74,14 @@ export default {
 <style lang="less" scoped>
 .rollcon{
   width: 100%;
+  font-size: 0;
   display: inline-block;
   >span{
     width: auto;
     display: inline-block;
     // transition: 0.3s transform ease;
     vertical-align:unset;
+    font-size: 14px;
   }
   .shenglv{
     // text-overflow: ellipsis;

src/framework/show/list.vue

@@ -400,6 +400,11 @@ export default {
             position: absolute;
             left: 0;
             bottom: 0;
+            font-size: 0;
+            /deep/ span{
+              font-size: 12px;
+              padding: 2px 0;
+            }
           }
           > img {
             position: absolute;

src/framework/showMobile/list.vue

@@ -400,7 +400,7 @@ export default {
        > li {
          font-size: 0;
         position: relative;
-        width: 88px;
+        width: 104px;
 
         .btn{
           font-size: 14px;
@@ -428,6 +428,9 @@ export default {
 
     .pp-tap{
       padding: 8px 0 18px;
+       > li {
+         width: 88px;
+      }
     }
     .pic-list{
       padding: 10px 0;
@@ -494,7 +497,7 @@ export default {
           bottom: 0;
           font-size: 0;
           /deep/ span{
-            font-size: 14px;
+            font-size: 12px;
             word-break: keep-all;
             white-space:nowrap;
             padding: 3px 0;