优化：twoline-hide的样式

components/page/article/index.vue

@@ -6,8 +6,8 @@
       <!-- 小图模式 -->
       <block v-if="item.show_type == 10">
         <view class="article-item__left flex-box">
-          <view class="article-item__title twoline-hide">
-            <text>{{ item.title }}</text>
+          <view class="article-item__title">
+            <text class="twoline-hide">{{ item.title }}</text>
           </view>
           <view class="article-item__footer m-top10">
             <text class="article-views f-24 col-8">{{ item.show_views }}次浏览</text>
@@ -19,8 +19,8 @@
       </block>
       <!-- 大图模式 -->
       <block v-if="item.show_type == 20">
-        <view class="article-item__title twoline-hide">
-          <text>{{ item.title }}</text>
+        <view class="article-item__title">
+          <text class="twoline-hide">{{ item.title }}</text>
         </view>
         <view class="article-item__image m-top20">
           <image class="image" mode="widthFix" :src="item.image_url"></image>

components/page/goods/index.vue

@@ -14,8 +14,8 @@
               </view>
               <view class="goods-item_right">
                 <!-- 商品名称 -->
-                <view v-if="itemStyle.show.includes('goodsName')" class="goods-name twoline-hide">
-                  <text>{{ dataItem.goods_name }}</text>
+                <view v-if="itemStyle.show.includes('goodsName')" class="goods-name">
+                  <text class="twoline-hide">{{ dataItem.goods_name }}</text>
                 </view>
                 <view class="goods-item_desc">
                   <!-- 商品卖点 -->
@@ -29,7 +29,8 @@
                   <!-- 商品价格 -->
                   <view class="desc_footer">
                     <text v-if="itemStyle.show.includes('goodsPrice')" class="price_x">¥{{ dataItem.goods_price_min }}</text>
-                    <text class="price_y col-9" v-if="itemStyle.show.includes('linePrice') && dataItem.line_price_min > 0">¥{{ dataItem.line_price_min }}</text>
+                    <text class="price_y col-9"
+                      v-if="itemStyle.show.includes('linePrice') && dataItem.line_price_min > 0">¥{{ dataItem.line_price_min }}</text>
                   </view>
                 </view>
               </view>
@@ -43,13 +44,14 @@
             </view>
             <view class="detail">
               <!-- 商品标题 -->
-              <view v-if="itemStyle.show.includes('goodsName')" class="goods-name twoline-hide">
-                {{ dataItem.goods_name }}
+              <view v-if="itemStyle.show.includes('goodsName')" class="goods-name">
+                <text class="twoline-hide">{{ dataItem.goods_name }}</text>
               </view>
               <!-- 商品价格 -->
               <view class="detail-price oneline-hide">
                 <text v-if="itemStyle.show.includes('goodsPrice')" class="goods-price f-30 col-m">￥{{ dataItem.goods_price_min }}</text>
-                <text v-if="itemStyle.show.includes('linePrice') && dataItem.line_price_min > 0" class="line-price col-9 f-24">￥{{ dataItem.line_price_min }}</text>
+                <text v-if="itemStyle.show.includes('linePrice') && dataItem.line_price_min > 0"
+                  class="line-price col-9 f-24">￥{{ dataItem.line_price_min }}</text>
               </view>
             </view>
           </block>
@@ -61,7 +63,6 @@
 </template>
 
 <script>
-
   export default {
     name: "Goods",
     /**

pages/article/index.vue

@@ -13,8 +13,8 @@
         <!-- 小图模式 -->
         <block v-if="item.show_type == 10">
           <view class="article-item__left flex-box">
-            <view class="article-item__title twoline-hide">
-              <text>{{ item.title }}</text>
+            <view class="article-item__title">
+              <text class="twoline-hide">{{ item.title }}</text>
             </view>
             <view class="article-item__footer m-top10">
               <text class="article-views f-24 col-8">{{ item.show_views }}次浏览</text>
@@ -26,8 +26,8 @@
         </block>
         <!-- 大图模式 -->
         <block v-if="item.show_type == 20">
-          <view class="article-item__title twoline-hide">
-            <text>{{ item.title }}</text>
+          <view class="article-item__title">
+            <text class="twoline-hide">{{ item.title }}</text>
           </view>
           <view class="article-item__image m-top20">
             <image class="image" mode="widthFix" :src="item.image_url"></image>

pages/cart/index.vue

@@ -27,7 +27,7 @@
           <image class="image" :src="item.goods.goods_image" mode="scaleToFill"></image>
         </view>
         <view class="item-content">
-          <view class="goods-title twoline-hide"><text>{{ item.goods.goods_name }}</text></view>
+          <view class="goods-title"><text class="twoline-hide">{{ item.goods.goods_name }}</text></view>
           <view class="goods-props clearfix">
             <view class="goods-props-item" v-for="(props, idx) in item.goods.skuInfo.goods_props" :key="idx">
               <text>{{ props.value.name }}</text>
@@ -46,8 +46,7 @@
       </view>
     </view>
     <!-- 购物车数据为空 -->
-    <empty v-if="!list.length" :isLoading="isLoading" :custom-style="{ padding: '180rpx 50rpx' }"
-      tips="您的购物车是空的, 快去逛逛吧">
+    <empty v-if="!list.length" :isLoading="isLoading" :custom-style="{ padding: '180rpx 50rpx' }" tips="您的购物车是空的, 快去逛逛吧">
       <view slot="slot" class="empty-ipt" @click="onTargetIndex">
         <text>去逛逛</text>
       </view>
@@ -69,12 +68,10 @@
         <view class="btn-wrapper">
           <!-- dev:下面的disabled条件使用checkedIds.join方式判断 -->
           <!-- dev:通常情况下vue项目使用checkedIds.length更合理, 但是length属性在微信小程序中不起作用 -->
-          <view v-if="mode == 'normal'" class="btn-item btn-main" :class="{ disabled: checkedIds.join() == '' }"
-            @click="handleOrder()">
+          <view v-if="mode == 'normal'" class="btn-item btn-main" :class="{ disabled: checkedIds.join() == '' }" @click="handleOrder()">
             <text>去结算 {{ checkedIds.length > 0 ? `(${checkedIds.length})` : '' }}</text>
           </view>
-          <view v-if="mode == 'edit'" class="btn-item btn-main" :class="{ disabled: !checkedIds.length }"
-            @click="handleDelete()">
+          <view v-if="mode == 'edit'" class="btn-item btn-main" :class="{ disabled: !checkedIds.length }" @click="handleDelete()">
             <text>删除</text>
           </view>
         </view>

pages/goods/list.vue

@@ -1,6 +1,5 @@
 <template>
-  <mescroll-body ref="mescrollRef" :sticky="true" @init="mescrollInit" :down="{ native: true }" @down="downCallback"
-    :up="upOption" @up="upCallback">
+  <mescroll-body ref="mescrollRef" :sticky="true" @init="mescrollInit" :down="{ native: true }" @down="downCallback" :up="upOption" @up="upCallback">
     <!-- 页面头部 -->
     <view class="header">
       <search class="search" :tips="options.search ? options.search : '搜索商品'" @event="handleSearch" />
@@ -26,7 +25,8 @@
             <text class="iconfont icon-arrow-up"></text>
           </view>
           <view class="icon down" :class="{ active: sortType === 'price' && sortPrice }">
-            <text class="iconfont icon-arrow-down"></text> </view>
+            <text class="iconfont icon-arrow-down"></text>
+          </view>
         </view>
       </view>
     </view>
@@ -42,8 +42,8 @@
           </view>
           <view class="goods-item_right">
             <!-- 商品名称 -->
-            <view class="goods-name twoline-hide">
-              <text>{{ item.goods_name }}</text>
+            <view class="goods-name">
+              <text class="twoline-hide">{{ item.goods_name }}</text>
             </view>
             <view class="goods-item_desc">
               <!-- 商品卖点 -->
@@ -70,8 +70,8 @@
           </view>
           <view class="detail">
             <!-- 商品标题 -->
-            <view class="goods-name twoline-hide">
-              {{ item.goods_name }}
+            <view class="goods-name">
+              <text class="twoline-hide">{{ item.goods_name }}</text>
             </view>
             <!-- 商品价格 -->
             <view class="detail-price oneline-hide">

pages/order/comment/index.vue

@@ -10,7 +10,7 @@
           </view>
           <!-- 商品信息 -->
           <view class="goods-content">
-            <view class="goods-title twoline-hide"><text>{{ item.goods_name }}</text></view>
+            <view class="goods-title"><text class="twoline-hide">{{ item.goods_name }}</text></view>
             <view class="goods-props clearfix">
               <view class="goods-props-item" v-for="(props, idx) in item.goods_props" :key="idx">
                 <text>{{ props.value.name }}</text>

pages/order/detail.vue

@@ -91,7 +91,7 @@
           </view>
           <!-- 商品信息 -->
           <view class="goods-content">
-            <view class="goods-title twoline-hide"><text>{{ goods.goods_name }}</text></view>
+            <view class="goods-title"><text class="twoline-hide">{{ goods.goods_name }}</text></view>
             <view class="goods-props clearfix">
               <view class="goods-props-item" v-for="(props, idx) in goods.goods_props" :key="idx">
                 <text>{{ props.value.name }}</text>

pages/order/index.vue

@@ -27,7 +27,7 @@
               </view>
               <!-- 商品信息 -->
               <view class="goods-content">
-                <view class="goods-title twoline-hide"><text>{{ goods.goods_name }}</text></view>
+                <view class="goods-title"><text class="twoline-hide">{{ goods.goods_name }}</text></view>
                 <view class="goods-props clearfix">
                   <view class="goods-props-item" v-for="(props, idx) in goods.goods_props" :key="idx">
                     <text>{{ props.value.name }}</text>