Browse Source

首页增加图文列表

ming 3 years ago
parent
commit
8ea34c2cbd
2 changed files with 17 additions and 19 deletions
  1. 13 0
      pages/index/index.vue
  2. 4 19
      pages/my/my.vue

+ 13 - 0
pages/index/index.vue

@@ -28,6 +28,19 @@
 				</view>
 			</fs-grid-item>
 		</fs-grid>
+		
+		<fs-cell border align="stretch" v-for="(item,index) in 3">
+			<template #title>
+				<fs-avatar shape="square" radius width="240rpx" height="180rpx" src="/static/images/banner.png"></fs-avatar>
+			</template>
+			<template #value>
+				<view class="fs-cell-right">
+					<view class="title">图文标题</view>
+					<view class="content line2">图文内容图文内容图文内容图文内容图文内容图文内容图文内容图文内容图文内容图文内容图文内容</view>
+					<view class="sub">2021-09-15</view>
+				</view>
+			</template>
+		</fs-cell>
 	</view>
 </template>
 

+ 4 - 19
pages/my/my.vue

@@ -1,6 +1,6 @@
 <template>
 	<view>
-		<fs-avatar src="/static/images/my-bg.png" shape="square" width="100%" height="288rpx"></fs-avatar>
+		<fs-avatar src="/static/images/my/my-bg.png" shape="square" width="100%" height="288rpx"></fs-avatar>
 		<view class="my-box">
 			<view class="layout-box radius-lg top-box">
 				<view class="user-info" v-if="userInfo.name">
@@ -40,20 +40,8 @@
 				<view class="title-hd" >常用工具</view>
 			</template>
 			<fs-grid :columnNum="4">
-				<fs-grid-item>
-					<fs-avatar src="/static/images/invoice.png" size="80rpx"></fs-avatar>
-					<view class="content">我的发票</view>
-				</fs-grid-item>
-				<fs-grid-item>
-					<fs-avatar src="/static/images/invoice.png" size="80rpx"></fs-avatar>
-					<view class="content">我的发票</view>
-				</fs-grid-item>
-				<fs-grid-item>
-					<fs-avatar src="/static/images/invoice.png" size="80rpx"></fs-avatar>
-					<view class="content">我的发票</view>
-				</fs-grid-item>
-				<fs-grid-item>
-					<fs-avatar src="/static/images/invoice.png" size="80rpx"></fs-avatar>
+				<fs-grid-item v-for="item in 4">
+					<fs-avatar src="/static/images/my/invoice.png" size="80rpx"></fs-avatar>
 					<view class="content">我的发票</view>
 				</fs-grid-item>
 			</fs-grid>
@@ -80,9 +68,6 @@
 					<fs-icon type="icon-tongxunlu" colorType="primary"></fs-icon>
 				</template>
 			</fs-cell>
-		</fs-cell-group>
-		
-		<fs-cell-group arrow border>
 			<fs-cell link="./notice" value="我的消息">
 				<template #title>
 					<fs-icon type="icon-notice" colorType="primary"></fs-icon>
@@ -100,7 +85,7 @@
 			</fs-cell>
 		</fs-cell-group>
 		
-		<fs-gutter height="120rpx"></fs-gutter>
+		<fs-gutter height="60rpx"></fs-gutter>
 		<fs-button round block @click="handleLogout">退出登录</fs-button>
 		<fs-gutter height="60rpx"></fs-gutter>
 	</view>