127 lines
2.0 KiB
Plaintext
127 lines
2.0 KiB
Plaintext
@font-face {
|
|
font-family: "iconfont"; /* Project id 3795683 */
|
|
src: url('./assets/font/iconfont.woff') format('woff2'),
|
|
url('./assets/font/iconfont.woff?t=1669601953874') format('woff'),
|
|
url('./assets/font/iconfont.ttf?t=1669601953874') format('truetype');
|
|
}
|
|
|
|
.iconfont {
|
|
font-family: "iconfont" !important;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
.icon-clear:before {
|
|
content: "\e649";
|
|
}
|
|
|
|
.icon-circle:before {
|
|
content: "\e7b1";
|
|
}
|
|
|
|
.icon-date:before {
|
|
content: "\e689";
|
|
}
|
|
|
|
.icon-qrcode:before {
|
|
content: "\e7dd";
|
|
}
|
|
|
|
.icon-cash:before {
|
|
content: "\e656";
|
|
}
|
|
|
|
.icon-clear1:before {
|
|
content: "\e600";
|
|
}
|
|
|
|
.icon-vips:before {
|
|
content: "\e662";
|
|
}
|
|
|
|
.icon-search:before {
|
|
content: "\e67d";
|
|
}
|
|
|
|
|
|
/**global style**/
|
|
image{
|
|
max-width: 100%;
|
|
max-height: 100%;
|
|
}
|
|
/**app.wxss**/
|
|
@content-widht:90%;
|
|
.content-container{
|
|
width: @content-widht;
|
|
margin: auto;
|
|
}
|
|
.content-bg {
|
|
// background: linear-gradient(to bottom, #ceb17f 60%, #fff);
|
|
background-color: #ceb17f;
|
|
height: 140px;
|
|
width: 100%;
|
|
left: 0;
|
|
top: 0;
|
|
position: absolute;
|
|
}
|
|
|
|
.content-wrapper {
|
|
position: relative;
|
|
z-index: 2;
|
|
width: 90vw;
|
|
margin: auto;
|
|
padding: 10px 0;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.user-info {
|
|
.header {
|
|
color: white;
|
|
width: 100%;
|
|
padding: 20px 0;
|
|
.content-container {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
.user-info {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.user-avatar-wrapper {
|
|
width: 60px;
|
|
height: 60px;
|
|
border-radius: 50%;
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.nickname {
|
|
margin-left: 10px;
|
|
font-size: 20px;
|
|
}
|
|
|
|
.user-avatar {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
}
|
|
}
|
|
}
|
|
// 列表样式
|
|
.list{
|
|
background-color: white;
|
|
.list-title{}
|
|
.list-items{}
|
|
.item{
|
|
display: flex;
|
|
}
|
|
}
|
|
button[disabled],
|
|
button[aria-disabled=true]{
|
|
background-color: rgb(78, 61, 61);
|
|
} |