| | |
| | | /**app.wxss**/ |
| | | @import "/libs/weui.wxss"; |
| | | |
| | | page{ |
| | | 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; |
| | | } |
| | | |
| | | /********************************** 通用-start ***********************************/ |
| | | .statusbar-title { |
| | | text-align: center; |
| | |
| | | display: flex; |
| | | justify-content: space-between; |
| | | } |
| | | |
| | | .flex-v { |
| | | position: relative; |
| | | display: flex; |
| | |
| | | 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 |
| | | } |
| | | |
| | | /********************************** 通用-end ***********************************/ |
| | | |
| | | /********************************** 主界面背景-start ***********************************/ |
| | |
| | | text-align: center; |
| | | /* z-index: 1; */ |
| | | } |
| | | |
| | | /********************************** 主界面背景-end ***********************************/ |
| | | |
| | | /********************************** 横向图标文本-start ***********************************/ |
| | | .fyui-cell { |
| | | padding: 8px 16px; |
| | | padding: 8px 8px; |
| | | position: relative; |
| | | display: -webkit-box; |
| | | display: -webkit-flex; |
| | |
| | | .fyui-cell__hd { |
| | | display: flex; |
| | | align-items: center; |
| | | margin-right: 8px; |
| | | } |
| | | |
| | | .fyui-cell__bd { |
| | | -webkit-box-flex: 1; |
| | | -webkit-flex: 1; |
| | | flex: 1; |
| | | margin-left: 8px; |
| | | } |
| | | |
| | | .fyui-cell__ft { |
| | |
| | | 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; |
| | | right: 8px; |
| | | margin-top: -12px |
| | | } |
| | | |
| | |
| | | -webkit-align-items: center; |
| | | align-items: flex-start; |
| | | height: 80px; |
| | | background-color: white; |
| | | } |
| | | |
| | | .fyui-box:active { |
| | | background-color: var(--fyui-BG-COLOR-ACTIVE); |
| | | } |
| | | |
| | | .fyui-box .fyui-box__hd { |
| | |
| | | padding: 0 8px; |
| | | } |
| | | |
| | | .fyui-box .fyui-box__bd .fyui-box__content{ |
| | | .fyui-box .fyui-box__bd .fyui-box__content { |
| | | color: var(--fyui-text-color_1); |
| | | font-size: 14px; |
| | | } |
| | |
| | | padding: 4px 0px; |
| | | } |
| | | |
| | | .fyui-box__text .fyui-box__bd .fyui-box__content{ |
| | | .fyui-box__text .fyui-box__bd .fyui-box__content { |
| | | color: var(--fyui-text-color_3); |
| | | font-size: x-small; |
| | | } |
| | |
| | | margin-top: 4px; |
| | | } |
| | | |
| | | .fyui-box__text .fyui-box__ft{ |
| | | .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 ***********************************/ |
| | |
| | | border-radius: 0; |
| | | } |
| | | |
| | | .fyui-panel .fyui-panel_title{ |
| | | .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{ |
| | | .fyui-panel .fyui-panel_desc { |
| | | font-size: 14px; |
| | | color: var(--fyui-text-color_2); |
| | | } |
| | | |
| | | /********************************** 内容面板-end ***********************************/ |