Signed-off-by: AnHanTech <admin@xixingwl.cn>
This commit is contained in:
AnHanTech
2023-02-10 23:53:25 +08:00
parent 9904175cc3
commit a68042fc67

View File

@@ -3,44 +3,38 @@
<page-head title="view"></page-head> <page-head title="view"></page-head>
<view class="warp" style="margin: 10rpx 15rpx;"> <view class="warp" style="margin: 10rpx 15rpx;">
<view class="user" style=""> <view class="user" style="">
<image class="user-avatar" mode="aspectFit" src="../../../static/logo.png"></image> <image class="user-avatar" mode="aspectFit" :src="userInfo.avatar"
style="background-image: ../../../static/avatar.png;"></image>
<view class="user-info"> <view class="user-info">
<h2> {{userInfo.nickname}} </h2> <h2> {{userInfo.nickname}} </h2>
<text> UID {{userInfo.uid}}</text> <text> UID {{userInfo.uid}}</text>
<text> {{userInfo.account}}</text> <text> {{userInfo.account}}</text>
<text> 云深不知归处爱你不会迷路</text>
</view> </view>
</view> </view>
<view style="padding: 10rpx;"></view> <view style="padding: 10rpx;"></view>
<view class="Grid"> <view class="Grid">
<view class="Grid-Item"> <view class="Grid-Item">
<view class="Grid-Item-1"> <view class="Grid-Item-1">
<view class="GSimg"> <image class="GSimg" src="../../../static/logo.png"></image>
<image class="Image" src="../../../static/logo.png"></image>
</view>
<view class="GStitle">测试功能</view> <view class="GStitle">测试功能</view>
</view> </view>
</view> </view>
<view class="Grid-Item"> <view class="Grid-Item">
<view class="Grid-Item-1"> <view class="Grid-Item-1">
<view class="GSimg"> <image class="GSimg" src="../../../static/logo.png"></image>
<image class="Image" src="../../../static/logo.png"></image>
</view>
<view class="GStitle">测试功能</view> <view class="GStitle">测试功能</view>
</view> </view>
</view> </view>
<view class="Grid-Item"> <view class="Grid-Item">
<view class="Grid-Item-1"> <view class="Grid-Item-1">
<view class="GSimg"> <image class="GSimg" src="../../../static/logo.png"></image>
<image class="Image" src="../../../static/logo.png"></image>
</view>
<view class="GStitle">测试功能</view> <view class="GStitle">测试功能</view>
</view> </view>
</view> </view>
<view class="Grid-Item"> <view class="Grid-Item">
<view class="Grid-Item-1"> <view class="Grid-Item-1">
<view class="GSimg"> <image class="GSimg" src="../../../static/logo.png"></image>
<image class="Image" src="../../../static/logo.png"></image>
</view>
<view class="GStitle">测试功能</view> <view class="GStitle">测试功能</view>
</view> </view>
</view> </view>
@@ -81,7 +75,10 @@
</template> </template>
<script> <script>
import {mapState,mapGetters} from 'vuex' import {
mapState,
mapGetters
} from 'vuex'
export default { export default {
computed: { computed: {
...mapState({ ...mapState({
@@ -89,18 +86,18 @@
timestamp: state => state.moduleB.timestamp timestamp: state => state.moduleB.timestamp
}), }),
...mapGetters({ ...mapGetters({
isLogin: 'getuserIsLogin', isLogin: 'getuserIsLogin',
userInfo: 'getUserInfo' userInfo: 'getUserInfo'
}) })
}, },
data() { data() {
return {} return {}
}, },
onLoad(){ onLoad() {
console.log(this.isLogin); console.log(this.isLogin);
if (! this.isLogin) { if (!this.isLogin) {
uni.redirectTo({ uni.redirectTo({
url:"/pages/login/login" url: "/pages/login/login"
}) })
} }
}, },
@@ -123,8 +120,11 @@
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
padding-top: 180rpx; padding-top: 180rpx;
/* #ifdef H5 */
padding-top: 80rpx;
/* #endif */
padding-left: 15rpx; padding-left: 15rpx;
padding-bottom:25rpx; padding-bottom: 25rpx;
.user-avatar { .user-avatar {
width: 138rpx; width: 138rpx;
@@ -169,13 +169,8 @@
} }
.GSimg { .GSimg {
width: 96rpx; width: 81rpx;
height: 96rpx; height: 81rpx;
.Image {
width: 96rpx;
height: 96rpx;
}
} }
.GStitle { .GStitle {