调整部分样式格式
This commit is contained in:
aixianling
@@ -11,7 +11,7 @@
|
|||||||
|
|
||||||
.iconfont {
|
.iconfont {
|
||||||
font-family: "iconfont" !important;
|
font-family: "iconfont" !important;
|
||||||
font-size: 32rpx;
|
font-size: 32px;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
@@ -65,7 +65,7 @@ page {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.solid {
|
.solid {
|
||||||
border-bottom: 2rpx solid #E8E8E8;
|
border-bottom: 2px solid #E8E8E8;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flex-row {
|
.flex-row {
|
||||||
@@ -107,16 +107,16 @@ uni-button:after {
|
|||||||
// .list {
|
// .list {
|
||||||
// justify-content: space-between;
|
// justify-content: space-between;
|
||||||
// align-items: center;
|
// align-items: center;
|
||||||
// height: 112rpx;
|
// height: 112px;
|
||||||
// background-color: #fff;
|
// background-color: #fff;
|
||||||
// padding-left: 32rpx;
|
// padding-left: 32px;
|
||||||
// padding-right: 32rpx;
|
// padding-right: 32px;
|
||||||
// box-sizing: border-box;
|
// box-sizing: border-box;
|
||||||
// }
|
// }
|
||||||
|
|
||||||
// .list-cell {
|
// .list-cell {
|
||||||
// width: 48rpx;
|
// width: 48px;
|
||||||
// height: 48rpx;
|
// height: 48px;
|
||||||
// }
|
// }
|
||||||
.input-placeholder, .textarea-placeholder {
|
.input-placeholder, .textarea-placeholder {
|
||||||
color: #999999;
|
color: #999999;
|
||||||
@@ -124,44 +124,44 @@ uni-button:after {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.image {
|
.image {
|
||||||
width: 48rpx;
|
width: 48px;
|
||||||
height: 48rpx;
|
height: 48px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title-sub {
|
.title-sub {
|
||||||
height: 112rpx;
|
height: 112px;
|
||||||
margin-left: 16rpx;
|
margin-left: 16px;
|
||||||
width: 654rpx;
|
width: 654px;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background: rgba(255, 255, 255, 1);
|
background: rgba(255, 255, 255, 1);
|
||||||
font-size: 32rpx;
|
font-size: 32px;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
}
|
}
|
||||||
|
|
||||||
.more {
|
.more {
|
||||||
width: 32rpx;
|
width: 32px;
|
||||||
height: 32rpx;
|
height: 32px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title-line {
|
.title-line {
|
||||||
border-bottom: 2rpx solid #DDDDDD;
|
border-bottom: 2px solid #DDDDDD;
|
||||||
}
|
}
|
||||||
|
|
||||||
.last {
|
.last {
|
||||||
margin-top: 16rpx;
|
margin-top: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.no-content-pds {
|
.no-content-pds {
|
||||||
margin-top: 360rpx;
|
margin-top: 360px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.no-content-pds view {
|
.no-content-pds view {
|
||||||
height: 40rpx;
|
height: 40px;
|
||||||
font-size: 28rpx;
|
font-size: 28px;
|
||||||
line-height: 40rpx;
|
line-height: 40px;
|
||||||
font-family: PingFangSC-Regular, PingFangSC;
|
font-family: PingFangSC-Regular, PingFangSC;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -171,24 +171,24 @@ uni-button:after {
|
|||||||
|
|
||||||
.no-content-pds .text-p {
|
.no-content-pds .text-p {
|
||||||
color: rgba(153, 153, 153, 1);
|
color: rgba(153, 153, 153, 1);
|
||||||
margin-top: 16rpx;
|
margin-top: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* margin */
|
/* margin */
|
||||||
.mar-t8 {
|
.mar-t8 {
|
||||||
margin-top: 16rpx;
|
margin-top: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mar-b8 {
|
.mar-b8 {
|
||||||
margin-bottom: 16rpx;
|
margin-bottom: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mar-r20 {
|
.mar-r20 {
|
||||||
margin-right: 40rpx;
|
margin-right: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mar-l10 {
|
.mar-l10 {
|
||||||
margin-left: 20rpx;
|
margin-left: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* color */
|
/* color */
|
||||||
@@ -218,7 +218,7 @@ uni-button:after {
|
|||||||
|
|
||||||
/* */
|
/* */
|
||||||
.font-12 {
|
.font-12 {
|
||||||
font-size: 24rpx;
|
font-size: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* */
|
/* */
|
||||||
@@ -226,12 +226,12 @@ uni-button:after {
|
|||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 112rpx;
|
height: 112px;
|
||||||
background-color: #197DF0;
|
background-color: #197DF0;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 112rpx;
|
line-height: 112px;
|
||||||
font-size: 32rpx;
|
font-size: 32px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-right {
|
.text-right {
|
||||||
@@ -244,14 +244,14 @@ input::-webkit-input-placeholder {
|
|||||||
|
|
||||||
.textarea-placeholder {
|
.textarea-placeholder {
|
||||||
color: #666;
|
color: #666;
|
||||||
font-size: 26rpx;
|
font-size: 26px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 多级下拉选择css */
|
/* 多级下拉选择css */
|
||||||
.type-picke-more {
|
.type-picke-more {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 330rpx;
|
height: 330px;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
@@ -260,7 +260,7 @@ input::-webkit-input-placeholder {
|
|||||||
|
|
||||||
.type-picke-more picker-view-column {
|
.type-picke-more picker-view-column {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 110rpx;
|
line-height: 110px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@@ -284,49 +284,48 @@ input::-webkit-input-placeholder {
|
|||||||
/* 背景颜色为蓝色的按钮 */
|
/* 背景颜色为蓝色的按钮 */
|
||||||
.confirm-btn {
|
.confirm-btn {
|
||||||
background-color: #197DF0;
|
background-color: #197DF0;
|
||||||
height: 112rpx;
|
height: 112px;
|
||||||
line-height: 112rpx;
|
line-height: 112px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 32rpx;
|
font-size: 32px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 顶部搜索栏 */
|
/* 顶部搜索栏 */
|
||||||
.header-search {
|
.header-search {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 112rpx;
|
height: 112px;
|
||||||
padding: 16rpx 32rpx 32rpx 32rpx;
|
padding: 16px 32px 32px 32px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
background: #197DF0;
|
background: #197DF0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-search .search-input-content {
|
.header-search .search-input-content {
|
||||||
width: 686rpx;
|
width: 686px;
|
||||||
height: 64rpx;
|
height: 64px;
|
||||||
background: #0D6DDC;
|
background: #0D6DDC;
|
||||||
border-radius: 32rpx;
|
border-radius: 32px;
|
||||||
padding: 14rpx 24rpx 0;
|
padding: 14px 24px 0;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-search .search-icon {
|
.header-search .search-icon {
|
||||||
width: 34rpx;
|
width: 34px;
|
||||||
height: 34rpx;
|
height: 34px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 18rpx;
|
top: 18px;
|
||||||
left: 24rpx;
|
left: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-search .search-input {
|
.header-search .search-input {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: calc(100% - 58rpx);
|
width: calc(100% - 58px);
|
||||||
height: 36rpx;
|
height: 36px;
|
||||||
line-height: 36rpx;
|
line-height: 36px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
padding-left: 20rpx;
|
font-size: 28px;
|
||||||
font-size: 28rpx;
|
padding-left: 58px;
|
||||||
padding-left: 58rpx;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 顶部搜索栏 */
|
/* 顶部搜索栏 */
|
||||||
@@ -334,57 +333,55 @@ input::-webkit-input-placeholder {
|
|||||||
/* 顶部搜索框 （带下拉选择） */
|
/* 顶部搜索框 （带下拉选择） */
|
||||||
.header-search-select {
|
.header-search-select {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 112rpx;
|
height: 112px;
|
||||||
background: #197DF0;
|
background: #197DF0;
|
||||||
padding: 24rpx 32rpx;
|
padding: 24px 32px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-search-select .select-content {
|
.header-search-select .select-content {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 206rpx;
|
width: 206px;
|
||||||
line-height: 64rpx;
|
line-height: 64px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 28rpx;
|
font-size: 28px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-search-select .select-content img {
|
.header-search-select .select-content img {
|
||||||
width: 32rpx;
|
width: 32px;
|
||||||
height: 32rpx;
|
height: 32px;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-search-select .input-content {
|
.header-search-select .input-content {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: calc(100% - 206rpx);
|
width: calc(100% - 206px);
|
||||||
height: 64rpx;
|
height: 64px;
|
||||||
background: #0D6DDC;
|
background: #0D6DDC;
|
||||||
border-radius: 32rpx;
|
border-radius: 32px;
|
||||||
padding: 14rpx 24rpx 0;
|
padding: 14px 24px 0 58px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
position: relative;
|
position: relative;
|
||||||
padding-left: 58rpx;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-search-select .search-icon {
|
.header-search-select .search-icon {
|
||||||
width: 34rpx;
|
width: 34px;
|
||||||
height: 34rpx;
|
height: 34px;
|
||||||
height: 34rpx;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 18rpx;
|
top: 18px;
|
||||||
left: 24rpx;
|
left: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-search-select .search-input {
|
.header-search-select .search-input {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: calc(100% - 58rpx);
|
width: calc(100% - 58px);
|
||||||
height: 36rpx;
|
height: 36px;
|
||||||
line-height: 36rpx;
|
line-height: 36px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
padding-left: 20rpx;
|
padding-left: 20px;
|
||||||
font-size: 28rpx;
|
font-size: 28px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 顶部搜索框 （带下拉选择） */
|
/* 顶部搜索框 （带下拉选择） */
|
||||||
@@ -392,40 +389,40 @@ input::-webkit-input-placeholder {
|
|||||||
/* 顶部筛选框 */
|
/* 顶部筛选框 */
|
||||||
.header-select {
|
.header-select {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 96rpx;
|
height: 96px;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
padding: 24rpx 0;
|
padding: 24px 0;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-select .select-item {
|
.header-select .select-item {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
height: 48rpx;
|
height: 48px;
|
||||||
line-height: 48rpx;
|
line-height: 48px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #666;
|
color: #666;
|
||||||
font-size: 26rpx;
|
font-size: 26px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-select .down-icon {
|
.header-select .down-icon {
|
||||||
width: 32rpx;
|
width: 32px;
|
||||||
height: 32rpx;
|
height: 32px;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
margin-left: 8rpx;
|
margin-left: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-select .select-item:nth-of-type(2) {
|
.header-select .select-item:nth-of-type(2) {
|
||||||
border-left: 2rpx solid #eee;
|
border-left: 2px solid #eee;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 顶部筛选框 */
|
/* 顶部筛选框 */
|
||||||
|
|
||||||
/* 顶部tab类型切换栏 */
|
/* 顶部tab类型切换栏 */
|
||||||
.header-tab {
|
.header-tab {
|
||||||
height: 96rpx;
|
height: 96px;
|
||||||
background-color: #4181FF;
|
background-color: #4181FF;
|
||||||
padding: 20rpx 0;
|
padding: 20px 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
@@ -436,7 +433,7 @@ input::-webkit-input-placeholder {
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
position: relative;
|
position: relative;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 28rpx;
|
font-size: 28px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-tab .tab-active {
|
.header-tab .tab-active {
|
||||||
@@ -445,10 +442,10 @@ input::-webkit-input-placeholder {
|
|||||||
|
|
||||||
.header-tab .active-line {
|
.header-tab .active-line {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 40rpx;
|
width: 40px;
|
||||||
height: 4rpx;
|
height: 4px;
|
||||||
background: #FFF;
|
background: #FFF;
|
||||||
top: 48rpx;
|
top: 48px;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
}
|
}
|
||||||
@@ -467,9 +464,9 @@ input::-webkit-input-placeholder {
|
|||||||
|
|
||||||
/* u-input字体大小重置 */
|
/* u-input字体大小重置 */
|
||||||
.fs-32 .u-input__input {
|
.fs-32 .u-input__input {
|
||||||
line-height: 42rpx !important;
|
line-height: 42px !important;
|
||||||
font-size: 32rpx !important;
|
font-size: 32px !important;
|
||||||
height: 180rpx !important;
|
height: 180px !important;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -508,7 +505,7 @@ button::after {
|
|||||||
.wxParse {
|
.wxParse {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
font-family: Helvetica, sans-serif;
|
font-family: Helvetica, sans-serif;
|
||||||
font-size: 28rpx;
|
font-size: 28px;
|
||||||
color: #666;
|
color: #666;
|
||||||
line-height: 1.8;
|
line-height: 1.8;
|
||||||
}
|
}
|
||||||
@@ -594,7 +591,7 @@ button::after {
|
|||||||
background: #f5f5f5;
|
background: #f5f5f5;
|
||||||
padding: 8px;
|
padding: 8px;
|
||||||
white-space: pre;
|
white-space: pre;
|
||||||
margin: 1em 0px;
|
margin: 1em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wxParse .code {
|
.wxParse .code {
|
||||||
@@ -762,7 +759,8 @@ button::after {
|
|||||||
background: #f3f6f9;
|
background: #f3f6f9;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-wrapper .btn {
|
.btn-wrapper {
|
||||||
|
.btn{
|
||||||
width: 686px;
|
width: 686px;
|
||||||
height: 88px;
|
height: 88px;
|
||||||
line-height: 88px;
|
line-height: 88px;
|
||||||
@@ -773,11 +771,12 @@ button::after {
|
|||||||
font-size: 34px;
|
font-size: 34px;
|
||||||
background: #4181FF;
|
background: #4181FF;
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-wrapper .disabled {
|
.disabled {
|
||||||
color: #B9E7D0;
|
color: #B9E7D0;
|
||||||
background: #50C48A;
|
background: #50C48A;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.rich-content {
|
.rich-content {
|
||||||
|
|||||||
Reference in New Issue
Block a user