增加视频 动态 消息页 待完善

Signed-off-by: YangWork <yang@xixingwl.cn>

member/homepage/homepage.vue

@@ -1,14 +1,15 @@
 <template>
-	<view>
+	<view style="height: 100vh;">
 		<uni-nav-bar shadow left-icon="left" fixed rightIcon="more-filled" rightText="编辑" title="他/她的主页"
 			backgroundColor="transparent" />
 
 		<uni-swiper-dot class="uni-swiper-dot-box" :info="info" :current="current" mode="round" field="content">
 			<swiper class="swiper-box" :current="swiperDotIndex">
 				<swiper-item v-for="(item, index) in info" :key="index">
-					<view class="swiper-item" :class="'swiper-item' + index">
-						<image :src="item.url" mode="widthFix" alt=""></image>
+					<view class="swiper-item" :class="'swiper-item' + index" style="width: 100%; height: 100%;">
+						<image :src="item.url" mode="aspectFill" alt="" style="width: 100%; height: 100%;"></image>
 					</view>
+
 				</swiper-item>
 			</swiper>
 		</uni-swiper-dot>
@@ -44,8 +45,9 @@
 				<uni-icons type="right"></uni-icons>
 			</template>
 		</uni-section>
-
-		<uni-goods-nav :fill="true" :options="options" :button-group="buttonGroup"   style="margin-top: 20px;" />
+		<view class="goods-carts">
+			<uni-goods-nav :options="options" :button-group="buttonGroup" />
+		</view>
 	</view>
 </template>
 
@@ -79,12 +81,11 @@
 					text: '关注',
 				}],
 				buttonGroup: [{
-						text: '撩一下TA',
-						backgroundColor: 'linear-gradient(90deg, #ff55ff, #ff557f)',
-						color: '#fff'
-					}
-				],
-			} 
+					text: '撩一下TA',
+					backgroundColor: 'linear-gradient(90deg, #ff55ff, #ff557f)',
+					color: '#fff'
+				}],
+			}
 		},
 		methods: {
 
@@ -93,5 +94,18 @@
 </script>
 
 <style>
-
+	.goods-carts {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: column;
+		position: fixed;
+		left: 0;
+		right: 0;
+		/* #ifdef H5 */
+		left: var(--window-left);
+		right: var(--window-right);
+		/* #endif */
+		bottom: 0;
+	}
 </style>