forked from lsl/xzjl-ui
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-->
|
<!--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 */
|
/* 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