parent
7e355978ae
commit
63ff541464
@ -1,3 +1,6 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
"usingComponents": {
|
||||
"t-cell": "tdesign-miniprogram/cell/cell",
|
||||
"t-icon": "tdesign-miniprogram/icon/icon"
|
||||
}
|
||||
}
|
||||
@ -1,2 +1,61 @@
|
||||
<!--pages/home/me/indexx.wxml-->
|
||||
<text>pages/home/me/indexx.wxml</text>
|
||||
<view class="xxt"></view><!--星星背景图片-->
|
||||
<view class="txk"> </view><!--头像框-->
|
||||
<view class="txkx"> </view><!--头像框里面的图标-->
|
||||
<view class="nickname">此处昵称七个字</view><!--用户昵称-->
|
||||
<view class="hybs"> </view><!--会员图标-->
|
||||
<view class="hydqr"> 还有21天到期</view><!--会员图标-->
|
||||
|
||||
<view class="gnk">
|
||||
<view class="smst">说明书</view><!--说明书文字-->
|
||||
<view class="jrsqt">加入社群</view><!--加入社群文字-->
|
||||
<view class="wdsbt">我的设备</view><!--我的设备文字-->
|
||||
<view class="sx"></view>
|
||||
<view class="circle k1"><!--框1-->
|
||||
<view class="sms"></view>
|
||||
</view>
|
||||
<view class="circle k2"><!--框2-->
|
||||
<view class="sq"></view>
|
||||
</view>
|
||||
<view class="circle k3"><!--框3-->
|
||||
<view class="sb"></view>
|
||||
</view>
|
||||
</view><!--功能操作框-->
|
||||
<view class="mycell"><!--cell菜单单元格-->
|
||||
<t-cell hover arrow>
|
||||
<t-icon slot="left-icon" name="https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/me/xzjl.png" color="#F8632A" size="50rpx"/>
|
||||
<text slot="title" class="mycelltext" >了解星座精灵</text>
|
||||
</t-cell>
|
||||
<t-cell hover arrow>
|
||||
<t-icon slot="left-icon" name="https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/me/phone.png" color="#F8632A" size="50rpx"/>
|
||||
<text slot="title" class="mycelltext" >绑定手机号</text>
|
||||
<text slot="note" >18650351666</text>
|
||||
</t-cell>
|
||||
<t-cell hover arrow>
|
||||
<t-icon slot="left-icon" name="https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/me/cjwt.png" color="#F8632A" size="50rpx"/>
|
||||
<text slot="title" class="mycelltext" >常见问题</text>
|
||||
</t-cell>
|
||||
<t-cell hover arrow>
|
||||
<t-icon slot="left-icon" name="https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/me/yjfk.png" color="#F8632A" size="50rpx"/>
|
||||
<text slot="title" class="mycelltext" >意见反馈</text>
|
||||
</t-cell>
|
||||
<t-cell hover arrow>
|
||||
<t-icon slot="left-icon" name="https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/me/yhsyxy.png" color="#F8632A" size="50rpx"/>
|
||||
<text slot="title" class="mycelltext" >用户使用协议</text>
|
||||
</t-cell>
|
||||
<t-cell hover arrow>
|
||||
<t-icon slot="left-icon" name="https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/me/ysxy.png" color="#F8632A" size="50rpx"/>
|
||||
<text slot="title" class="mycelltext" >隐私协议</text>
|
||||
</t-cell>
|
||||
<t-cell hover arrow>
|
||||
<t-icon slot="left-icon" name="https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/me/xcxbb.png" color="#F8632A" size="50rpx"/>
|
||||
<text slot="title" class="mycelltext" >小程序版本</text>
|
||||
<text slot="note" >V1.0</text>
|
||||
</t-cell>
|
||||
<t-cell hover arrow>
|
||||
<t-icon slot="left-icon" name="https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/me/logout.png" color="#F8632A" size="50rpx"/>
|
||||
<text slot="title" class="mycelltext" >退出登录</text>
|
||||
</t-cell>
|
||||
</view>
|
||||
<view class="k3">
|
||||
<t-icon prefix="icon" name="xzlogout"></t-icon></view>
|
||||
|
||||
@ -1 +1,209 @@
|
||||
/* pages/home/me/indexx.wxss */
|
||||
.xxt{
|
||||
position: absolute;
|
||||
width: 530rpx;
|
||||
height: 642rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-repeat: no-repeat;
|
||||
background-size:100% 100%;
|
||||
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/me/xxt.png);
|
||||
color:#9A9A9A;
|
||||
text-align: center;
|
||||
font-size: 27rpx;
|
||||
}
|
||||
.txk{
|
||||
margin-left: 64rpx;
|
||||
margin-top: 208rpx;
|
||||
position: absolute;
|
||||
width: 140rpx;
|
||||
height: 140rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-repeat: no-repeat;
|
||||
background-size:100% 100%;
|
||||
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/me/txk.png);
|
||||
color:#9A9A9A;
|
||||
text-align: center;
|
||||
font-size: 27rpx;
|
||||
}
|
||||
|
||||
.txkx{
|
||||
margin-left: 86rpx;
|
||||
margin-top: 242rpx;
|
||||
position: absolute;
|
||||
width: 98rpx;
|
||||
height: 72rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-repeat: no-repeat;
|
||||
background-size:100% 100%;
|
||||
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/me/txkx.png);
|
||||
color:#9A9A9A;
|
||||
text-align: center;
|
||||
font-size: 27rpx;
|
||||
}
|
||||
|
||||
.nickname{
|
||||
position: absolute;
|
||||
margin-left: 236rpx;
|
||||
margin-top: 252rpx;
|
||||
width: 252rpx;
|
||||
height: 52rpx;
|
||||
line-height: 52rpx;
|
||||
color: rgba(108, 108, 108, 1);
|
||||
font-size: 36rpx;
|
||||
text-align: left;
|
||||
font-family: SourceHanSansSC-medium;
|
||||
}
|
||||
|
||||
.hybs{
|
||||
position: absolute;
|
||||
left: 562rpx;
|
||||
top: 208rpx;
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
background-repeat: no-repeat;
|
||||
background-size:100% 100%;
|
||||
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/me/hy.png);
|
||||
}
|
||||
|
||||
.hydqr{
|
||||
position: absolute;
|
||||
left: 534rpx;
|
||||
top: 312rpx;
|
||||
width: 160rpx;
|
||||
height: 36rpx;
|
||||
color: rgba(248, 105, 50, 1);
|
||||
font-size: 24rpx;
|
||||
text-align: left;
|
||||
font-family: SourceHanSansSC-regular;
|
||||
}
|
||||
|
||||
.gnk{
|
||||
position: absolute;
|
||||
margin-left: 32rpx;
|
||||
margin-top: 412rpx;
|
||||
width: 686rpx;
|
||||
height: 234rpx;
|
||||
line-height: 52rpx;
|
||||
border-radius: 20rpx;
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
color: rgba(16, 16, 16, 1);
|
||||
font-size: 26rpx;
|
||||
text-align: center;
|
||||
box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(0, 0, 0, 0.2);
|
||||
font-family: Arial;
|
||||
}
|
||||
|
||||
.circle{
|
||||
position: absolute;
|
||||
width: 90rpx;
|
||||
height: 90rpx;
|
||||
line-height: 34rpx;
|
||||
background: linear-gradient(222.54deg, rgba(248,99,42,1) 14.03%,rgba(249,135,89,1) 85.21%);
|
||||
color: rgba(16, 16, 16, 1);
|
||||
font-size: 24rpx;
|
||||
text-align: center;
|
||||
font-family: Arial;
|
||||
border-radius: 50%;
|
||||
margin-top:42rpx;
|
||||
}
|
||||
.sx{
|
||||
position: absolute;
|
||||
margin-left: 424rpx;
|
||||
margin-top: 60rpx;
|
||||
width: 2rpx;
|
||||
height: 114rpx;
|
||||
background-color:#BBBBBB;
|
||||
border-radius: 0 50% 0 50%;
|
||||
}
|
||||
.k1{
|
||||
margin-left:68rpx;
|
||||
}
|
||||
.k2{
|
||||
margin-left:254rpx;
|
||||
}
|
||||
.k3{
|
||||
margin-left:512rpx;
|
||||
}
|
||||
|
||||
.sms{
|
||||
position: absolute;
|
||||
width: 54rpx;
|
||||
height: 54rpx;
|
||||
margin: 18rpx 18rpx;
|
||||
background-repeat: no-repeat;
|
||||
background-size:100% 100%;
|
||||
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/me/sms.png);
|
||||
}
|
||||
|
||||
.sq{
|
||||
position: absolute;
|
||||
width: 54rpx;
|
||||
height: 54rpx;
|
||||
margin: 18rpx 18rpx;
|
||||
background-repeat: no-repeat;
|
||||
background-size:100% 100%;
|
||||
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/me/sq.png);
|
||||
}
|
||||
|
||||
.sb{
|
||||
position: absolute;
|
||||
width: 30rpx;
|
||||
height: 66rpx;
|
||||
margin: 14rpx 30rpx ;
|
||||
background-repeat: no-repeat;
|
||||
background-size:100% 100%;
|
||||
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/me/sb.png);
|
||||
}
|
||||
|
||||
.smst{
|
||||
position: absolute;
|
||||
left: 57rpx;
|
||||
top: 152rpx;
|
||||
width: 420rpx;
|
||||
height: 42rpx;
|
||||
color: rgba(108, 108, 108, 1);
|
||||
font-size: 28rpx;
|
||||
text-align: left;
|
||||
|
||||
}
|
||||
|
||||
.wdsbt{
|
||||
position: absolute;
|
||||
left: 244rpx;
|
||||
top: 152rpx;
|
||||
width: 420rpx;
|
||||
height: 42rpx;
|
||||
color: rgba(108, 108, 108, 1);
|
||||
font-size: 28rpx;
|
||||
text-align: left;
|
||||
|
||||
}
|
||||
|
||||
.jrsqt{
|
||||
position: absolute;
|
||||
left: 500rpx;
|
||||
top: 152rpx;
|
||||
width: 420rpx;
|
||||
height: 42rpx;
|
||||
color: rgba(108, 108, 108, 1);
|
||||
font-size: 28rpx;
|
||||
text-align: left;
|
||||
|
||||
}
|
||||
|
||||
.mycell{
|
||||
position: absolute;
|
||||
margin-top: 720rpx;
|
||||
width:730rpx;
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
|
||||
.mycelltext{
|
||||
margin-left: 30rpx;
|
||||
color: rgba(108, 108, 108, 1);
|
||||
font-size: 32rpx;
|
||||
font-family: SourceHanSansSC-regular;
|
||||
}
|
||||
Loading…
Reference in new issue