Browse Source

修复安卓样式bug

yujinwen 1 tháng trước cách đây
mục cha
commit
2b759b811a

+ 5 - 9
pages-voice/myVoice.vue

@@ -18,9 +18,9 @@
                 <view class="title">{{item.BroadcastName}}</view>
                 <view class="title">{{item.BroadcastName}}</view>
                 <view class="time" v-if="item.PublishState==0">保存时间:{{item.ModifyTime|formatTime}}</view>
                 <view class="time" v-if="item.PublishState==0">保存时间:{{item.ModifyTime|formatTime}}</view>
                 <view class="time" v-else>发布时间:{{item.PublishTime|formatTime}}</view>
                 <view class="time" v-else>发布时间:{{item.PublishTime|formatTime}}</view>
-                <view class="argument" v-if="item.CentralArguments">
-                    <view class="btn">核心观点</view>
-                    <view class="van-multi-ellipsis--l2 argument_text">{{item.CentralArguments}}</view>
+                <view class="van-multi-ellipsis--l2 argument" v-if="item.CentralArguments">
+                    <text class="btn">核心观点</text>
+                    <text class="argument_text">{{item.CentralArguments}}</text>
                 </view>
                 </view>
                 <view class="flex audio-box" @click.stop="handlePlay(item)">
                 <view class="flex audio-box" @click.stop="handlePlay(item)">
                     <image 
                     <image 
@@ -452,7 +452,6 @@ export default {
         }
         }
         .argument{
         .argument{
             margin-bottom: 30rpx;
             margin-bottom: 30rpx;
-            position: relative;
             .btn{
             .btn{
                 background: linear-gradient(90deg, #201E1C 0%, #625A4E 100%);
                 background: linear-gradient(90deg, #201E1C 0%, #625A4E 100%);
                 color: #F3A52F;
                 color: #F3A52F;
@@ -461,14 +460,11 @@ export default {
                 line-height: 42rpx;
                 line-height: 42rpx;
                 border-radius: 20rpx;
                 border-radius: 20rpx;
                 text-align: center;
                 text-align: center;
-                float: left;
-                position: absolute;
-                left: 0;
-                top: 0;
+                display: inline-block;
+                margin-right: 10rpx;
             }
             }
             .argument_text{
             .argument_text{
                 color: #999999;
                 color: #999999;
-                text-indent: 4em;
                 font-size: 32rpx;
                 font-size: 32rpx;
             }
             }
         }
         }

+ 4 - 8
pages-voice/voiceDetail.vue

@@ -4,8 +4,8 @@
         <view class="title">{{info.BroadcastName}}</view>
         <view class="title">{{info.BroadcastName}}</view>
         <view class="time">发布时间:{{info.PublishTime|formatTime}}</view>
         <view class="time">发布时间:{{info.PublishTime|formatTime}}</view>
         <view class="argument" v-if="info.CentralArguments">
         <view class="argument" v-if="info.CentralArguments">
-            <view class="btn">核心观点</view>
-            <view class="argument_text">{{info.CentralArguments}}</view>
+            <text class="btn">核心观点</text>
+            <text class="argument_text">{{info.CentralArguments}}</text>
         </view>
         </view>
         <view class="flex audio-box">
         <view class="flex audio-box">
             <image 
             <image 
@@ -337,9 +337,7 @@ export default {
         }
         }
         .argument{
         .argument{
             margin: 30rpx 0;
             margin: 30rpx 0;
-            position: relative;
             .btn{
             .btn{
-                display: inline-block;
                 background: linear-gradient(90deg, #201E1C 0%, #625A4E 100%);
                 background: linear-gradient(90deg, #201E1C 0%, #625A4E 100%);
                 color: #F3A52F;
                 color: #F3A52F;
                 font-size: 24rpx;
                 font-size: 24rpx;
@@ -347,12 +345,10 @@ export default {
                 line-height: 42rpx;
                 line-height: 42rpx;
                 border-radius: 20rpx;
                 border-radius: 20rpx;
                 text-align: center;
                 text-align: center;
-                position: absolute;
-                left: 0;
-                top: 0;
+                display: inline-block;
+                margin-right: 10rpx;
             }
             }
             .argument_text{
             .argument_text{
-                text-indent: 4em;
                 font-size: 32rpx;
                 font-size: 32rpx;
             }
             }
         }
         }

+ 5 - 9
pages/voice/voice.vue

@@ -34,9 +34,9 @@
             <view class="item" v-for="item in list" :key="item.BroadcastId" @click="handleGoDetail(item)">
             <view class="item" v-for="item in list" :key="item.BroadcastId" @click="handleGoDetail(item)">
                 <view class="title">{{item.BroadcastName}}</view>
                 <view class="title">{{item.BroadcastName}}</view>
                 <view class="time">发布时间:{{item.PublishTime|formatTime}}</view>
                 <view class="time">发布时间:{{item.PublishTime|formatTime}}</view>
-                <view class="argument" v-if="item.CentralArguments">
-                    <view class="btn">核心观点</view>
-                    <view class="van-multi-ellipsis--l2 argument_text">{{item.CentralArguments}}</view>
+                <view class="van-multi-ellipsis--l2 argument" v-if="item.CentralArguments">
+                    <text class="btn">核心观点</text>
+                    <text class="argument_text">{{item.CentralArguments}}</text>
                 </view>
                 </view>
                 <view class="flex audio-box" @click.stop="handlePlay(item)">
                 <view class="flex audio-box" @click.stop="handlePlay(item)">
                     <image 
                     <image 
@@ -577,7 +577,6 @@ export default {
         }
         }
         .argument{
         .argument{
             margin-bottom: 30rpx;
             margin-bottom: 30rpx;
-            position: relative;
             .btn{
             .btn{
                 background: linear-gradient(90deg, #201E1C 0%, #625A4E 100%);
                 background: linear-gradient(90deg, #201E1C 0%, #625A4E 100%);
                 color: #F3A52F;
                 color: #F3A52F;
@@ -586,14 +585,11 @@ export default {
                 line-height: 42rpx;
                 line-height: 42rpx;
                 border-radius: 20rpx;
                 border-radius: 20rpx;
                 text-align: center;
                 text-align: center;
-                float: left;
-                position: absolute;
-                left: 0;
-                top: 0;
+                display: inline-block;
+                margin-right: 10rpx;
             }
             }
             .argument_text{
             .argument_text{
                 color: #999999;
                 color: #999999;
-                text-indent: 4em;
                 font-size: 32rpx;
                 font-size: 32rpx;
             }
             }
         }
         }