/**app.wxss**/
|
@import "/libs/weui.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;
|
--fyui-BG-COLOR-ACTIVE: #ececec5d;
|
}
|
|
view {
|
/* font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; */
|
}
|
|
/********************************** 通用-start ***********************************/
|
.statusbar-title {
|
text-align: center;
|
z-index: 1;
|
}
|
|
.flex-h {
|
position: relative;
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
}
|
|
.flex-v {
|
position: relative;
|
display: flex;
|
flex-direction: column;
|
justify-content: space-around;
|
}
|
|
.fyui-bold {
|
font-weight: 600;
|
}
|
|
.icon {
|
width: 16px;
|
height: 16px;
|
}
|
|
.fyui-selector {
|
display: flex;
|
flex-flow: row;
|
background-color: #47DFC7;
|
border-radius: 4px;
|
font-size: 14px;
|
color: white;
|
padding: 2px 4px 2px 8px;
|
justify-content: space-between;
|
align-items: center;
|
}
|
|
.icon-down {
|
transform: rotate(90deg);
|
margin: 0 4px;
|
}
|
|
.fyui-mask {
|
background: rgba(0, 0, 0, .2);
|
position: absolute;
|
z-index: 1000;
|
top: 0;
|
right: 0;
|
left: 0;
|
bottom: 0
|
}
|
|
.submit {
|
border-radius: 4px;
|
background: linear-gradient(to right, #6DF1A9, #62EBCF);
|
margin: 8px;
|
color: white;
|
padding: 8px;
|
text-align: center;
|
}
|
|
.submit:active {
|
background-color: var(--fyui-BG-COLOR-ACTIVE);
|
}
|
|
.no-data {
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
height: 100vh;
|
}
|
|
.no-data image {
|
width: 30vw;
|
margin-top: 6vh;
|
}
|
|
.more {
|
/* background-color: aqua; */
|
font-size: 24rpx;
|
color: rgb(175, 173, 173);
|
vertical-align: middle;
|
}
|
|
.fyui-selector {
|
background-color: rgb(255, 255, 255);
|
border-radius: 4px;
|
font-size: 14px;
|
color: var(--fyui-primary-color);
|
padding: 2px 4px 2px 18px;
|
}
|
|
.image-16 {
|
width: 16px;
|
height: 16px;
|
}
|
|
/********************************** 通用-end ***********************************/
|
|
/********************************** 主界面背景-start ***********************************/
|
.page {
|
min-height: 100vh;
|
height: 100%;
|
display: flex;
|
flex-direction: column;
|
justify-content: flex-start;
|
box-sizing: border-box;
|
background-color: var(--fyui-BG_1);
|
}
|
|
.page__title {
|
text-align: left;
|
font-size: 20px;
|
font-weight: 400;
|
z-index: 1;
|
}
|
|
.page__desc {
|
margin-top: 5px;
|
color: var(--fyui-text-color_2);
|
text-align: left;
|
font-size: 14px;
|
z-index: 1;
|
}
|
|
.page__hd {
|
padding: 10px 10px 0px 10px;
|
z-index: 1;
|
}
|
|
.page__bd {
|
padding-bottom: 10px;
|
z-index: 1;
|
}
|
|
.page__ft {
|
padding-top: 10px;
|
padding-bottom: 10px;
|
padding-bottom: calc(10px + constant(safe-area-inset-bottom));
|
padding-bottom: calc(10px + env(safe-area-inset-bottom));
|
text-align: center;
|
/* z-index: 1; */
|
}
|
|
/********************************** 主界面背景-end ***********************************/
|
|
/********************************** 横向图标文本-start ***********************************/
|
.fyui-cell {
|
padding: 8px 8px;
|
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;
|
margin-right: 8px;
|
}
|
|
.fyui-cell__bd {
|
-webkit-box-flex: 1;
|
-webkit-flex: 1;
|
flex: 1;
|
}
|
|
.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: 8px;
|
margin-top: -12px
|
}
|
|
.fyui-box {
|
padding: 8px 16px;
|
position: relative;
|
display: -webkit-box;
|
display: -webkit-flex;
|
display: flex;
|
-webkit-box-align: center;
|
-webkit-align-items: center;
|
align-items: flex-start;
|
height: 80px;
|
background-color: white;
|
}
|
|
.fyui-box:before{
|
content: " ";
|
width: 90%;
|
height: 1px;
|
background-color: var(--fyui-BG_1);
|
top: -2px;
|
position: absolute;
|
|
}
|
|
.fyui-box:active {
|
background-color: var(--fyui-BG-COLOR-ACTIVE);
|
}
|
|
.fyui-box .fyui-box__hd {
|
width: 120px;
|
height: 80px;
|
border-radius: 2px;
|
/* background-color: greenyellow; */
|
}
|
|
.fyui-box .fyui-box__hd>image {
|
width: 120px;
|
height: 80px;
|
}
|
|
.fyui-box .fyui-box__bd {
|
display: flex;
|
flex-direction: column;
|
justify-content: space-between;
|
/* background-color: hotpink; */
|
height: 100%;
|
-webkit-box-flex: 1;
|
-webkit-flex: 1;
|
flex: 1;
|
padding: 0 8px;
|
}
|
|
.fyui-box .fyui-box__bd .fyui-box__content {
|
color: var(--fyui-text-color_1);
|
font-size: 14px;
|
}
|
|
.fyui-box .fyui-box__bd .fyui-box__tag {
|
color: var(--fyui-text-color_2);
|
font-size: 12px;
|
display: flex;
|
justify-content: space-between;
|
}
|
|
.fyui-cell_select .fyui-cell__ft {
|
padding-right: 22px;
|
position: relative
|
}
|
|
|
.fyui-box__text {
|
display: block;
|
height: auto;
|
}
|
|
.fyui-box__text .fyui-box__hd {
|
width: 100%;
|
height: auto;
|
border-radius: 0px;
|
font-size: 20px;
|
font-weight: 600;
|
/* background-color: greenyellow; */
|
}
|
|
.fyui-box__text .fyui-box__bd {
|
display: flex;
|
flex-direction: column;
|
justify-content: space-between;
|
/* background-color: hotpink; */
|
-webkit-box-flex: 1;
|
-webkit-flex: 1;
|
flex: 1;
|
padding: 4px 0px;
|
}
|
|
.fyui-box__text .fyui-box__bd .fyui-box__content {
|
color: var(--fyui-text-color_3);
|
font-size: medium;
|
}
|
|
.fyui-box__text .fyui-box__bd .fyui-box__tag {
|
color: #F0CCAA;
|
font-size: smaller;
|
display: flex;
|
justify-content: flex-start;
|
}
|
|
.fyui-box__text .fyui-box__bd .fyui-box__tag>view {
|
border: 1px #F0CCAA solid;
|
font-size: 10px;
|
padding: 4px;
|
margin-right: 8px;
|
margin-top: 4px;
|
}
|
|
.fyui-box__text .fyui-box__ft {
|
display: flex;
|
flex-direction: row;
|
font-size: smaller;
|
color: var(--fyui-text-color_3);
|
justify-content: space-between;
|
}
|
|
/********************************** 横向图标文本-end ***********************************/
|
|
/********************************** 内容面板-start ***********************************/
|
.fyui-panel {
|
background-color: white;
|
margin: 10px 10px 0px 10px;
|
position: relative;
|
overflow: hidden;
|
border-radius: 8px;
|
}
|
|
.fyui-panel__max {
|
margin: 0;
|
border-radius: 0;
|
}
|
|
.fyui-panel .fyui-panel_title {
|
font-size: 15px;
|
font-weight: 600;
|
color: var(--fyui-text-color_1);
|
margin-bottom: 4px;
|
}
|
|
.fyui-panel .fyui-panel_desc {
|
font-size: 14px;
|
color: var(--fyui-text-color_2);
|
}
|
|
/********************************** 内容面板-end ***********************************/
|
