用户页面实现 #37 dev-sanaesy #40
@ -2,13 +2,9 @@
|
|||||||
@import "./MainFunction.scss";
|
@import "./MainFunction.scss";
|
||||||
@import "./FunctionList.scss";
|
@import "./FunctionList.scss";
|
||||||
|
|
||||||
<<<<<<< HEAD
|
|
||||||
view.container{
|
view.container{
|
||||||
padding-top: 20px;
|
padding-top: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
=======
|
|
||||||
view.container {
|
|
||||||
padding-top: 20px;
|
|
||||||
}
|
|
||||||
>>>>>>> 4d3c44be6ef3624277a81f1692c1f6ef4b3a480c
|
|
||||||
|
@ -24,16 +24,60 @@
|
|||||||
<view class="student">1806240113</view>
|
<view class="student">1806240113</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
||||||
<view class="user-card card">
|
<view class="user-card card">
|
||||||
<view class="userInfo">
|
<table class="MFunc">
|
||||||
<image src="../../image/account/Account_UserInfo.svg"></image>
|
<view class="tabView1">
|
||||||
<image src="../../image/account/Account_DateList.svg"></image>
|
<th>
|
||||||
<image src="../../image/account/Account_Customer.svg"></image>
|
<td>
|
||||||
<image src="../../image/account/Account_Settings.svg"></image>
|
<image class="MFuncImg" src="../../image/account/Account_Sponsor.svg"></image>
|
||||||
<view class="view.text">账号信息</view>
|
</td>
|
||||||
<view class="view.text">课表缓存</view>
|
<td>
|
||||||
<view class="view.text">功能定制</view>
|
<view class="tabTxt">赞助计划</view>
|
||||||
<view class="view.text">更多设置</view>
|
</td>
|
||||||
</view>
|
</th>
|
||||||
|
</view>
|
||||||
|
<view class="tabView2">
|
||||||
|
<th>
|
||||||
|
<td>
|
||||||
|
<image class="MFuncImg" src="../../image/account/Account_PubilcAccount.svg"></image>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<view class="tabTxt">公众号</view>
|
||||||
|
</td>
|
||||||
|
</th>
|
||||||
|
</view>
|
||||||
|
<view class="tabView3">
|
||||||
|
<th>
|
||||||
|
<td>
|
||||||
|
<image class="MFuncImg" src="../../image/account/Account_FAQ.svg"></image>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<view class="tabTxt">自助问答</view>
|
||||||
|
</td>
|
||||||
|
</th>
|
||||||
|
</view>
|
||||||
|
<view class="tabView4">
|
||||||
|
<th>
|
||||||
|
<td>
|
||||||
|
<image class="MFuncImg" src="../../image/account/Account_AboutUs.svg"></image>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<view class="tabTxt">关于我们</view>
|
||||||
|
</td>
|
||||||
|
</th>
|
||||||
|
</view>
|
||||||
|
<view class="tabView5">
|
||||||
|
<th>
|
||||||
|
<td>
|
||||||
|
<image class="MFuncImg" src="../../image/account/Account_Support.svg"></image>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<view class="tabTxt">联系客服</view>
|
||||||
|
</td>
|
||||||
|
</th>
|
||||||
|
</view>
|
||||||
|
</table>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
@ -1,19 +1,2 @@
|
|||||||
@import "../../app.scss";
|
@import "../../app.scss";
|
||||||
|
|
||||||
$functionList-icon-width: 50px;
|
|
||||||
|
|
||||||
|
|
||||||
view.userInfo{
|
|
||||||
padding-top:10px;
|
|
||||||
image{
|
|
||||||
width: $functionList-icon-width;
|
|
||||||
height: $functionList-icon-width;
|
|
||||||
padding-left: 20px;
|
|
||||||
filter: opacity(1);
|
|
||||||
}
|
|
||||||
view.text{
|
|
||||||
float: left;
|
|
||||||
font-size: 15px;
|
|
||||||
padding-left: 20px;
|
|
||||||
}
|
|
||||||
}
|
|
@ -1 +1,25 @@
|
|||||||
@import "../../app.scss";
|
@import "../../app.scss";
|
||||||
|
|
||||||
|
table.MFunc{
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
image.MFuncImg{
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
float: left;
|
||||||
|
padding-right: 20px;
|
||||||
|
}
|
||||||
|
view.tabView1,view.tabView2,view.tabView3,view.tabView4,view.tabView5{
|
||||||
|
padding-top: 20px;
|
||||||
|
padding-bottom: 20px;
|
||||||
|
}
|
||||||
|
view.tabView1,view.tabView2,view.tabView3,view.tabView4{
|
||||||
|
border-bottom:1px solid gainsboro ;
|
||||||
|
padding-top: 20px;
|
||||||
|
padding-bottom: 20px;
|
||||||
|
}
|
||||||
|
view.tabTxt{
|
||||||
|
letter-spacing: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user