@@ -3,44 +3,38 @@
|
||||
<page-head title="view"></page-head>
|
||||
<view class="warp" style="margin: 10rpx 15rpx;">
|
||||
<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">
|
||||
<h2> {{userInfo.nickname}} </h2>
|
||||
<text> UID {{userInfo.uid}}</text>
|
||||
<text> {{userInfo.account}}</text>
|
||||
<text> 云深不知归处,爱你不会迷路</text>
|
||||
</view>
|
||||
</view>
|
||||
<view style="padding: 10rpx;"></view>
|
||||
<view class="Grid">
|
||||
<view class="Grid-Item">
|
||||
<view class="Grid-Item-1">
|
||||
<view class="GSimg">
|
||||
<image class="Image" src="../../../static/logo.png"></image>
|
||||
</view>
|
||||
<image class="GSimg" src="../../../static/logo.png"></image>
|
||||
<view class="GStitle">测试功能</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="Grid-Item">
|
||||
<view class="Grid-Item-1">
|
||||
<view class="GSimg">
|
||||
<image class="Image" src="../../../static/logo.png"></image>
|
||||
</view>
|
||||
<image class="GSimg" src="../../../static/logo.png"></image>
|
||||
<view class="GStitle">测试功能</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="Grid-Item">
|
||||
<view class="Grid-Item-1">
|
||||
<view class="GSimg">
|
||||
<image class="Image" src="../../../static/logo.png"></image>
|
||||
</view>
|
||||
<image class="GSimg" src="../../../static/logo.png"></image>
|
||||
<view class="GStitle">测试功能</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="Grid-Item">
|
||||
<view class="Grid-Item-1">
|
||||
<view class="GSimg">
|
||||
<image class="Image" src="../../../static/logo.png"></image>
|
||||
</view>
|
||||
<image class="GSimg" src="../../../static/logo.png"></image>
|
||||
<view class="GStitle">测试功能</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -81,7 +75,10 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {mapState,mapGetters} from 'vuex'
|
||||
import {
|
||||
mapState,
|
||||
mapGetters
|
||||
} from 'vuex'
|
||||
export default {
|
||||
computed: {
|
||||
...mapState({
|
||||
@@ -123,6 +120,9 @@
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
padding-top: 180rpx;
|
||||
/* #ifdef H5 */
|
||||
padding-top: 80rpx;
|
||||
/* #endif */
|
||||
padding-left: 15rpx;
|
||||
padding-bottom: 25rpx;
|
||||
|
||||
@@ -169,13 +169,8 @@
|
||||
}
|
||||
|
||||
.GSimg {
|
||||
width: 96rpx;
|
||||
height: 96rpx;
|
||||
|
||||
.Image {
|
||||
width: 96rpx;
|
||||
height: 96rpx;
|
||||
}
|
||||
width: 81rpx;
|
||||
height: 81rpx;
|
||||
}
|
||||
|
||||
.GStitle {
|
||||
|
||||
Reference in New Issue
Block a user