From 2f371a08bc653c3f069359318f940312294dfc2a Mon Sep 17 00:00:00 2001 From: aixianling Date: Mon, 14 Feb 2022 17:30:08 +0800 Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E9=83=A8=E5=88=86=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F=E6=A0=BC=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/common/common.scss | 225 ++++++++++++++++++++--------------------- 1 file changed, 112 insertions(+), 113 deletions(-) diff --git a/src/common/common.scss b/src/common/common.scss index 6f67c49..0fc2f37 100644 --- a/src/common/common.scss +++ b/src/common/common.scss @@ -3,15 +3,15 @@ /* project id 1862352 */ src: url('https://at.alicdn.com/t/font_1862352_jpvud12digs.eot'); src: url('https://at.alicdn.com/t/font_1862352_jpvud12digs.eot?#iefix') format('embedded-opentype'), - url('https://at.alicdn.com/t/font_1862352_jpvud12digs.woff2') format('woff2'), - url('https://at.alicdn.com/t/font_1862352_jpvud12digs.woff') format('woff'), - url('https://at.alicdn.com/t/font_1862352_jpvud12digs.ttf') format('truetype'), - url('https://at.alicdn.com/t/font_1862352_jpvud12digs.svg#iconfont') format('svg'); + url('https://at.alicdn.com/t/font_1862352_jpvud12digs.woff2') format('woff2'), + url('https://at.alicdn.com/t/font_1862352_jpvud12digs.woff') format('woff'), + url('https://at.alicdn.com/t/font_1862352_jpvud12digs.ttf') format('truetype'), + url('https://at.alicdn.com/t/font_1862352_jpvud12digs.svg#iconfont') format('svg'); } .iconfont { font-family: "iconfont" !important; - font-size: 32rpx; + font-size: 32px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; @@ -65,7 +65,7 @@ page { } .solid { - border-bottom: 2rpx solid #E8E8E8; + border-bottom: 2px solid #E8E8E8; } .flex-row { @@ -107,16 +107,16 @@ uni-button:after { // .list { // justify-content: space-between; // align-items: center; -// height: 112rpx; +// height: 112px; // background-color: #fff; -// padding-left: 32rpx; -// padding-right: 32rpx; +// padding-left: 32px; +// padding-right: 32px; // box-sizing: border-box; // } // .list-cell { -// width: 48rpx; -// height: 48rpx; +// width: 48px; +// height: 48px; // } .input-placeholder, .textarea-placeholder { color: #999999; @@ -124,44 +124,44 @@ uni-button:after { } .image { - width: 48rpx; - height: 48rpx; + width: 48px; + height: 48px; } .title-sub { - height: 112rpx; - margin-left: 16rpx; - width: 654rpx; + height: 112px; + margin-left: 16px; + width: 654px; justify-content: space-between; align-items: center; background: rgba(255, 255, 255, 1); - font-size: 32rpx; + font-size: 32px; color: #333333; } .more { - width: 32rpx; - height: 32rpx; + width: 32px; + height: 32px; } .title-line { - border-bottom: 2rpx solid #DDDDDD; + border-bottom: 2px solid #DDDDDD; } .last { - margin-top: 16rpx; + margin-top: 16px; } .no-content-pds { - margin-top: 360rpx; + margin-top: 360px; width: 100%; text-align: center; } .no-content-pds view { - height: 40rpx; - font-size: 28rpx; - line-height: 40rpx; + height: 40px; + font-size: 28px; + line-height: 40px; font-family: PingFangSC-Regular, PingFangSC; } @@ -171,24 +171,24 @@ uni-button:after { .no-content-pds .text-p { color: rgba(153, 153, 153, 1); - margin-top: 16rpx; + margin-top: 16px; } /* margin */ .mar-t8 { - margin-top: 16rpx; + margin-top: 16px; } .mar-b8 { - margin-bottom: 16rpx; + margin-bottom: 16px; } .mar-r20 { - margin-right: 40rpx; + margin-right: 40px; } .mar-l10 { - margin-left: 20rpx; + margin-left: 20px; } /* color */ @@ -218,7 +218,7 @@ uni-button:after { /* */ .font-12 { - font-size: 24rpx; + font-size: 24px; } /* */ @@ -226,12 +226,12 @@ uni-button:after { position: fixed; bottom: 0; width: 100%; - height: 112rpx; + height: 112px; background-color: #197DF0; color: #fff; text-align: center; - line-height: 112rpx; - font-size: 32rpx; + line-height: 112px; + font-size: 32px; } .text-right { @@ -244,14 +244,14 @@ input::-webkit-input-placeholder { .textarea-placeholder { color: #666; - font-size: 26rpx; + font-size: 26px; } /* 多级下拉选择css */ .type-picke-more { position: fixed; width: 100%; - height: 330rpx; + height: 330px; bottom: 0; left: 0; background-color: #fff; @@ -260,7 +260,7 @@ input::-webkit-input-placeholder { .type-picke-more picker-view-column { text-align: center; - line-height: 110rpx; + line-height: 110px; } @@ -284,49 +284,48 @@ input::-webkit-input-placeholder { /* 背景颜色为蓝色的按钮 */ .confirm-btn { background-color: #197DF0; - height: 112rpx; - line-height: 112rpx; + height: 112px; + line-height: 112px; color: #fff; - font-size: 32rpx; + font-size: 32px; text-align: center; } /* 顶部搜索栏 */ .header-search { width: 100%; - height: 112rpx; - padding: 16rpx 32rpx 32rpx 32rpx; + height: 112px; + padding: 16px 32px 32px 32px; box-sizing: border-box; background: #197DF0; } .header-search .search-input-content { - width: 686rpx; - height: 64rpx; + width: 686px; + height: 64px; background: #0D6DDC; - border-radius: 32rpx; - padding: 14rpx 24rpx 0; + border-radius: 32px; + padding: 14px 24px 0; box-sizing: border-box; position: relative; } .header-search .search-icon { - width: 34rpx; - height: 34rpx; + width: 34px; + height: 34px; position: absolute; - top: 18rpx; - left: 24rpx; + top: 18px; + left: 24px; } .header-search .search-input { display: inline-block; - width: calc(100% - 58rpx); - height: 36rpx; - line-height: 36rpx; + width: calc(100% - 58px); + height: 36px; + line-height: 36px; color: #fff; - padding-left: 20rpx; - font-size: 28rpx; - padding-left: 58rpx; + font-size: 28px; + padding-left: 58px; } /* 顶部搜索栏 */ @@ -334,57 +333,55 @@ input::-webkit-input-placeholder { /* 顶部搜索框 (带下拉选择) */ .header-search-select { width: 100%; - height: 112rpx; + height: 112px; background: #197DF0; - padding: 24rpx 32rpx; + padding: 24px 32px; box-sizing: border-box; } .header-search-select .select-content { display: inline-block; - width: 206rpx; - line-height: 64rpx; + width: 206px; + line-height: 64px; font-weight: 500; - font-size: 28rpx; + font-size: 28px; color: #fff; vertical-align: top; } .header-search-select .select-content img { - width: 32rpx; - height: 32rpx; + width: 32px; + height: 32px; vertical-align: middle; } .header-search-select .input-content { display: inline-block; - width: calc(100% - 206rpx); - height: 64rpx; + width: calc(100% - 206px); + height: 64px; background: #0D6DDC; - border-radius: 32rpx; - padding: 14rpx 24rpx 0; + border-radius: 32px; + padding: 14px 24px 0 58px; box-sizing: border-box; position: relative; - padding-left: 58rpx; } .header-search-select .search-icon { - width: 34rpx; - height: 34rpx; - height: 34rpx; + width: 34px; + height: 34px; position: absolute; - top: 18rpx; - left: 24rpx; + top: 18px; + left: 24px; } .header-search-select .search-input { display: inline-block; - width: calc(100% - 58rpx); - height: 36rpx; - line-height: 36rpx; + width: calc(100% - 58px); + height: 36px; + line-height: 36px; color: #fff; - padding-left: 20rpx; - font-size: 28rpx; + padding-left: 20px; + font-size: 28px; } /* 顶部搜索框 (带下拉选择) */ @@ -392,40 +389,40 @@ input::-webkit-input-placeholder { /* 顶部筛选框 */ .header-select { width: 100%; - height: 96rpx; + height: 96px; background-color: #fff; - padding: 24rpx 0; + padding: 24px 0; box-sizing: border-box; display: flex; } .header-select .select-item { flex: 1; - height: 48rpx; - line-height: 48rpx; + height: 48px; + line-height: 48px; text-align: center; color: #666; - font-size: 26rpx; + font-size: 26px; } .header-select .down-icon { - width: 32rpx; - height: 32rpx; + width: 32px; + height: 32px; vertical-align: middle; - margin-left: 8rpx; + margin-left: 8px; } .header-select .select-item:nth-of-type(2) { - border-left: 2rpx solid #eee; + border-left: 2px solid #eee; } /* 顶部筛选框 */ /* 顶部tab类型切换栏 */ .header-tab { - height: 96rpx; + height: 96px; background-color: #4181FF; - padding: 20rpx 0; + padding: 20px 0; display: flex; align-items: center; box-sizing: border-box; @@ -436,7 +433,7 @@ input::-webkit-input-placeholder { text-align: center; position: relative; color: #fff; - font-size: 28rpx; + font-size: 28px; } .header-tab .tab-active { @@ -445,10 +442,10 @@ input::-webkit-input-placeholder { .header-tab .active-line { position: absolute; - width: 40rpx; - height: 4rpx; + width: 40px; + height: 4px; background: #FFF; - top: 48rpx; + top: 48px; left: 50%; transform: translate(-50%, -50%); } @@ -467,9 +464,9 @@ input::-webkit-input-placeholder { /* u-input字体大小重置 */ .fs-32 .u-input__input { - line-height: 42rpx !important; - font-size: 32rpx !important; - height: 180rpx !important; + line-height: 42px !important; + font-size: 32px !important; + height: 180px !important; overflow-y: scroll; } @@ -508,7 +505,7 @@ button::after { .wxParse { width: 100%; font-family: Helvetica, sans-serif; - font-size: 28rpx; + font-size: 28px; color: #666; line-height: 1.8; } @@ -594,7 +591,7 @@ button::after { background: #f5f5f5; padding: 8px; white-space: pre; - margin: 1em 0px; + margin: 1em 0; } .wxParse .code { @@ -762,22 +759,24 @@ button::after { background: #f3f6f9; } -.btn-wrapper .btn { - width: 686px; - height: 88px; - line-height: 88px; - margin: 0 auto; - padding: 0 !important; - text-align: center; - color: #fff; - font-size: 34px; - background: #4181FF; - border-radius: 16px; -} +.btn-wrapper { + .btn{ + width: 686px; + height: 88px; + line-height: 88px; + margin: 0 auto; + padding: 0 !important; + text-align: center; + color: #fff; + font-size: 34px; + background: #4181FF; + border-radius: 16px; + } -.btn-wrapper .disabled { - color: #B9E7D0; - background: #50C48A; + .disabled { + color: #B9E7D0; + background: #50C48A; + } } .rich-content {