/**app.wxss**/
|
page{
|
--fyui-primary-color: #59D5B3;
|
--fyui-text-color_1: #191919;
|
--fyui-text-color_2: #7F7F7F;
|
--fyui-text-color_3: #B2B2B2;
|
--fyui-BG_1: #F5F5F5;
|
}
|
/********************************** 通用-start ***********************************/
|
.flex-h {
|
display: flex;
|
justify-content: space-around;
|
}
|
.flex-v {
|
display: flex;
|
flex-direction: column;
|
justify-content: space-around;
|
}
|
/********************************** 通用-end ***********************************/
|
|
/********************************** 主界面背景-start ***********************************/
|
.page {
|
height: 100%;
|
display: flex;
|
flex-direction: column;
|
justify-content: space-between;
|
box-sizing: border-box;
|
background-color: var(--fyui-BG_1);
|
}
|
|
.page__title {
|
text-align: left;
|
font-size: 20px;
|
font-weight: 400
|
}
|
|
.page__desc {
|
margin-top: 5px;
|
color: var(--fyui-text-color_2);
|
text-align: left;
|
font-size: 14px
|
}
|
|
.page__hd {
|
padding: 10px 10px 0px 10px;
|
}
|
|
.page__bd {
|
padding-bottom: 40px
|
}
|
|
.page__ft {
|
padding-top: 40px;
|
padding-bottom: 10px;
|
padding-bottom: calc(10px + constant(safe-area-inset-bottom));
|
padding-bottom: calc(10px + env(safe-area-inset-bottom));
|
text-align: center
|
}
|
/********************************** 主界面背景-end ***********************************/
|
|
/********************************** 横向图标文本-start ***********************************/
|
.fyui-cell {
|
padding: 8px 16px;
|
position: relative;
|
display: -webkit-box;
|
display: -webkit-flex;
|
display: flex;
|
-webkit-box-align: center;
|
-webkit-align-items: center;
|
align-items: center;
|
font-size: 32rpx;
|
}
|
|
.fyui-cell__hd {
|
display: flex;
|
align-items: center;
|
}
|
|
.fyui-cell__bd {
|
-webkit-box-flex: 1;
|
-webkit-flex: 1;
|
flex: 1;
|
margin-left: 8px;
|
}
|
|
.fyui-cell__ft {
|
text-align: right;
|
color: var(--fyui-text-color_2);
|
font-size: 12px;
|
}
|
|
.fyui-cell_select .fyui-cell__bd:after {
|
content: " ";
|
width: 12px;
|
height: 24px;
|
-webkit-mask-position: 0 0;
|
mask-position: 0 0;
|
-webkit-mask-repeat: no-repeat;
|
mask-repeat: no-repeat;
|
-webkit-mask-size: 100%;
|
mask-size: 100%;
|
background-color: currentColor;
|
color: var(--fyui-text-color_2);
|
-webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
|
mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
|
position: absolute;
|
top: 50%;
|
right: 16px;
|
margin-top: -12px
|
}
|
|
.fyui-cell_select .fyui-cell__ft {
|
padding-right: 22px;
|
position: relative
|
}
|
/********************************** 横向图标文本-end ***********************************/
|
|
/********************************** 内容面板-start ***********************************/
|
.fyui-panel {
|
background-color: white;
|
margin: 10px 10px 0px 10px;
|
position: relative;
|
overflow: hidden;
|
border-radius: 8px;
|
}
|
/********************************** 内容面板-end ***********************************/
|
