XiXingWL/AnHanNET-UniAPP
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

完善用户信息

Browse Source 
Signed-off-by: YangWork <yang@xixingwl.cn>
This commit is contained in:
YangWork
2023-02-11 18:05:07 +08:00
parent a68042fc67
commit 1d507ee53a
4 changed files with 120 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

146
pages/tabbar/home/home.vue
View File

@@ -1,36 +1,56 @@
<template>
<view class="warp">
<uni-search-bar @confirm="search" v-model="searchValue" @input="input" clearButton="always" cancelButton="none"
@clear="scan">
<template v-slot:clearIcon>
<uni-icons color="#999999" size="18" type="scan" />
</template>
</uni-search-bar>
<!-- 个人中心页方格列表数据 -->
<view class="Grid">
<view class="Grid-Item" v-for="item in List" :key="item.id">
<view class="GSimg">
<image class="Image" :src="item.img"></image>
</view>
<view class="GStitle">{{ item.title }}</view>
</view>
</view>
<view class="MsgList">
<view class="MlSon" v-for="item in List1" :key="item.id">
<view class="MlSonvBox">
<view class="SonOfImg">
<image class="Img" :src="item.img"></image>
<view>
<view class="warp">
<uni-search-bar @confirm="search" v-model="searchValue" @input="input" clearButton="always"
cancelButton="none" @clear="scan">
<template v-slot:clearIcon>
<uni-icons color="#999999" size="18" type="scan" />
</template>
</uni-search-bar>
<!-- 个人中心页方格列表数据 -->
<view class="Grid">
<view class="Grid-Item">
<view class="Grid-Item-1">
<image class="GSimg" src="../../../static/logo.png"></image>
<view class="GStitle">测试功能</view>
</view>
<view class="SonOfName">
<view class="SNTop">
{{item.title}}
</view>
<view class="Grid-Item">
<view class="Grid-Item-1">
<image class="GSimg" src="../../../static/logo.png"></image>
<view class="GStitle">测试功能</view>
</view>
</view>
<view class="Grid-Item">
<view class="Grid-Item-1">
<image class="GSimg" src="../../../static/logo.png"></image>
<view class="GStitle">测试功能</view>
</view>
</view>
<view class="Grid-Item">
<view class="Grid-Item-1">
<image class="GSimg" src="../../../static/logo.png"></image>
<view class="GStitle">测试功能</view>
</view>
</view>
</view>
<view class="MsgList">
<view class="MlSon" v-for="item in List1" :key="item.id">
<view class="MlSonvBox">
<view class="SonOfImg">
<image class="Img" :src="item.img"></image>
</view>
<view class="SNBom">
<view class="SBleft">
左边信息
<view class="SonOfName">
<view class="SNTop">
{{item.title}}
</view>
<view class="SBright">
右边信息
<view class="SNBom">
<view class="SBleft">
左边信息
</view>
<view class="SBright">
右边信息
</view>
</view>
</view>
</view>
@@ -45,27 +65,6 @@
data() {
return {
searchValue: '123123',
List: [{
id: 1,
img: '../../../static/logo.png',
title: '九宫格布局1'
},
{
id: 2,
img: '../../../static/logo.png',
title: '九宫格布局2'
},
{
id: 3,
img: '../../../static/logo.png',
title: '九宫格布局3'
},
{
id: 4,
img: '../../../static/logo.png',
title: '九宫格布局4'
}
],
List1: [{
id: 1,
img: '../../../static/logo.png',
@@ -150,54 +149,9 @@
</script>
<style lang="scss">
.Grid {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: space-between;
background: #f7f7f7;
padding: 10rpx 15rpx;
.Grid-Item {
width: 25%;
text-align: center;
border: 1rpx solid #ccc;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex-direction: column;
align-items: center;
padding-top: 15rpx;
padding-bottom: 15rpx;
.GSimg {
width: 96rpx;
height: 96rpx;
.Image {
width: 96rpx;
height: 96rpx;
}
}
.GStitle {
width: 100%;
height: 34rpx;
line-height: 34rpx;
color: #06121e;
font-size: 24rpx;
margin-top: 20rpx;
}
}
}
$max:100%;
.MsgList {
width: 92%;
margin-left: 4%;
max-width: 690rpx;
.MsgList {
height: auto;
.MlSon {