gdpao

pageB/photo/index.vue

@@ -6,7 +6,7 @@
         </view>
         <swiper class="swiper" circular autoplay @change="changeSwiper">
             <swiper-item v-for="(simg,sindex) in list.photo" :key="sindex">
-                <image :src="simg.url" mode="aspectFill" @tap="viewImage" :data-url="simg.url"></image>
+                <image :src="simg.url" mode="widthFix" @tap="viewImage" :data-url="simg.url"></image>
             </swiper-item>
         </swiper>
         <view class="bottom">
@@ -32,7 +32,7 @@
 			<scroll-view class="scroll-box" scroll-y="true" >
 				<block v-for="(item,index) in commentList" :key="index" v-if="commentList.length">
 					<view class="box">
-						<image :src="item.member_avatar" mode=""></image>
+						<image :src="item.member_avatar" mode="aspectFill"></image>
 						<view class="info">
 							<text>{{ item.member_nickname }}</text>
 							<text class="time">{{ item.create_time }}</text>
@@ -83,7 +83,7 @@
 		<!-- 单个 -->
 		<view class="good-one" v-else v-show="cart_type">
 			<view class="box" v-for="(item,index) in list.goods" :key="index" @click="gotoInfo(item.goods_id)">
-				<image :src="item.goods_image" mode=""></image>
+				<image :src="item.goods_image" mode="aspectFill"></image>
 				<view>
 					<view class="title u-line-1">{{ item.goods_advword }}</view>
 					<view class="content u-line-2">{{ item.goods_name }}</view>
@@ -98,7 +98,7 @@
 .photo{
     width: 100%;
     height: 100%;
-    background-color: #ececec;
+    background-color: #000000;
     .back{
         padding-top: 28rpx;
         padding-right: 31rpx;
@@ -106,16 +106,15 @@
     }
     .swiper{
         width: 750rpx;
-        height: 702rpx;
-        margin-top: 102rpx;
+        height: 700rpx;
+        margin-top: 140rpx;
         image{
             width: 100%;
             height: 100%;
         }
     }
     .bottom{
-		width: 100%;
-		margin-top: 150rpx;
+		margin-top: 180rpx;
         padding: 20rpx 30rpx;
         background-color: #fff;
         .item{
@@ -146,10 +145,7 @@
         }
         .info{
 			margin: 20rpx 0;
-			display: -webkit-box;
-			-webkit-box-orient: vertical;
-			-webkit-line-clamp: 2;
-			overflow: hidden;
+            line-height: 1.2;
             font-size: 28rpx;
         }
 		.box {