您的位置:首页 > 游戏 > 手游 > 淄博建设网站公司_高端网页设计公司_宁波seo公司哪家好_沈阳百度seo关键词优化排名

淄博建设网站公司_高端网页设计公司_宁波seo公司哪家好_沈阳百度seo关键词优化排名

2024/12/24 9:30:48 来源:https://blog.csdn.net/2302_77426533/article/details/142674110  浏览:    关键词:淄博建设网站公司_高端网页设计公司_宁波seo公司哪家好_沈阳百度seo关键词优化排名
淄博建设网站公司_高端网页设计公司_宁波seo公司哪家好_沈阳百度seo关键词优化排名

一、示例

1.个人页面

2.个人详情页面

二、示例代码

1.wxml页面

<!--pages/user/user.wxml-->
<view class="mine-wrapper"><view class="avatar-wrapper"><view><view class="avatar"><image style="border-radius:50%;" src="{{pic}}"></image></view><view class="text"><text wx:if="{{username}}">{{username}}</text><text wx:else bindtap="toLogin">注册 / 登录</text></view></view></view><view class="list-wrapper"><view><view bindtap="my" class="lists"><view class='content'> <view class="listimg"><image src="/images/用户.png"></image></view><view class="listtext">个人资料</view><view class="listicon">{{item.tips}}</view><view class="arrows"><image src="/images/右_right.png"></image></view></view></view><!-- 分割线 --><view class="divLine"></view></view><view class="alllists"><block wx:for="{{menuitems}}" wx:key="menu_for"><navigator url="{{item.url}}" class="lists"><view class='content'> <view class="listimg"><image src="{{item.icon}}"></image></view><view class="listtext">{{item.text}}</view><view class="listicon">{{item.tips}}</view><view class="arrows"><image src="{{item.arrows}}"></image></view></view></navigator><!-- 分割线 --><view class="divLine"></view></block></view></view><view class="btn" ><button style="color: rgb(8, 8, 8); background-color: rgb(11, 247, 70); "  bind:tap="lout">退出登录</button></view> 
</view>

2.scss页面 部分

.banner{width: 100%;height: 460rpx;.pic{width: 100%;height: 100%;}
}
.content{.body{padding:50rpx 30rpx;display: flex;justify-content: space-between;flex-wrap: wrap;.box{width: 330rpx;     margin-bottom:30rpx; }}

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com