Commit 3830a1ea authored by nature's avatar nature

组建优化

parent a3756d9f
...@@ -72,7 +72,7 @@ module.exports = { ...@@ -72,7 +72,7 @@ module.exports = {
* Source Maps * Source Maps
*/ */
productionSourceMap: true, productionSourceMap: false,
// https://webpack.js.org/configuration/devtool/#production // https://webpack.js.org/configuration/devtool/#production
devtool: '#source-map', devtool: '#source-map',
......
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
} }
.field-title { .field-title {
line-height: 0.5rem; line-height: 25px;
font-size: 14px; font-size: 14px;
color: #333; color: #333;
letter-spacing: 0; letter-spacing: 0;
......
.has-footer { .has-footer {
padding-bottom: 0.88rem; padding-bottom: 44px;
.scrollContent{ .scrollContent{
// padding-bottom: 1.76rem; // padding-bottom: 1.76rem;
} }
} }
.header-top { .header-top {
margin-top: 0.68rem; margin-top: 34px;
} }
.has-tabs { .has-tabs {
.scrollContent{ .scrollContent{
padding-bottom: 1.76rem; padding-bottom: 88px;
} }
bottom: 1rem; bottom: 50px;
} }
.spinner svg { .spinner svg {
width: 0.56rem; width: 28px;
height: 0.56rem; height: 28px;
} }
.public-style { .public-style {
...@@ -26,32 +26,32 @@ ...@@ -26,32 +26,32 @@
width: 100%; width: 100%;
font-weight: inherit; font-weight: inherit;
.bar.button.button-icon .icon:before, .bar .button.button-icon.icon-left:before, .bar .button.button-icon.icon-right:before, .bar .button.button-icon:before, .bar button.button-icon .icon:before, .bar button.button-icon.icon-left:before, .bar button.button-icon.icon-right:before, .bar button.button-icon:before { .bar.button.button-icon .icon:before, .bar .button.button-icon.icon-left:before, .bar .button.button-icon.icon-right:before, .bar .button.button-icon:before, .bar button.button-icon .icon:before, .bar button.button-icon.icon-left:before, .bar button.button-icon.icon-right:before, .bar button.button-icon:before {
padding-right: 0.8rem; padding-right: 40px;
padding-left: 0.8rem; padding-left: 40px;
font-size: 0.64rem; font-size: 32px;
line-height: 0.64rem; line-height: 32px;
} }
.bar { .bar {
background-image: none; background-image: none;
padding: 0.1rem 0; padding: 5px 0;
height: 0.86rem; height: 43px;
display: flex; display: flex;
display: -webkit-flex; display: -webkit-flex;
align-items: center; align-items: center;
-webkit-align-items: center; -webkit-align-items: center;
.title { .title {
height: 0.86rem; height: 43px;
min-width: 0.6rem; min-width: 30px;
line-height: normal; line-height: normal;
font-size: 0.34rem; font-size: 17px;
display: flex; display: flex;
display: -webkit-flex; display: -webkit-flex;
justify-content: center; justify-content: center;
-webkit-justify-content: center; -webkit-justify-content: center;
align-items: center; align-items: center;
-webkit-align-items: center; -webkit-align-items: center;
padding-top: 0.8rem; padding-top: 40px;
} }
} }
// ion-list he ion-item公用样式 - // ion-list he ion-item公用样式 -
...@@ -62,7 +62,7 @@ ...@@ -62,7 +62,7 @@
.list { .list {
background-color: #ffffff; background-color: #ffffff;
//border-bottom: 1px solid rgba(0, 0, 0, 0.10); //border-bottom: 1px solid rgba(0, 0, 0, 0.10);
margin-bottom: 0.2rem; margin-bottom: 10px;
.item:last-child { .item:last-child {
.contents { .contents {
border-bottom: none; border-bottom: none;
...@@ -75,9 +75,9 @@ ...@@ -75,9 +75,9 @@
transform: scale(1,1) transform: scale(1,1)
} }
.item { .item {
height: 0.9rem; height: 45px;
border: none; border: none;
padding: 0 0 0 0.3rem; padding: 0 0 0 15px;
.contents { .contents {
height: 100%; height: 100%;
width: 100%; width: 100%;
...@@ -89,7 +89,7 @@ ...@@ -89,7 +89,7 @@
align-items: center; align-items: center;
-webkit-justify-content: space-between; -webkit-justify-content: space-between;
-webkit-align-items: center; -webkit-align-items: center;
padding: 0 0.3rem 0 0; padding: 0 15px 0 0;
&.activated { &.activated {
opacity: 0.9; opacity: 0.9;
-webkit-transform: scale(0.95); -webkit-transform: scale(0.95);
...@@ -103,13 +103,13 @@ ...@@ -103,13 +103,13 @@
-webkit-justify-content: flex-start; -webkit-justify-content: flex-start;
-webkit-align-items: center; -webkit-align-items: center;
letter-spacing: 0; letter-spacing: 0;
line-height: 0.32rem; line-height: 16px;
font-size: @font-size-big; font-size: @font-size-big;
color: #838E94; color: #838E94;
letter-spacing: 0; letter-spacing: 0;
text-align: center; text-align: center;
.left-icon { .left-icon {
margin-right: 0.2rem; margin-right: 10px;
} }
.required { .required {
position: relative; position: relative;
...@@ -136,7 +136,7 @@ ...@@ -136,7 +136,7 @@
white-space: normal; white-space: normal;
word-break: break-all; word-break: break-all;
word-wrap: break-word; word-wrap: break-word;
line-height: 0.4rem; line-height: 20px;
//输入框 //输入框
input { input {
font-size: @font-size-middle; font-size: @font-size-middle;
...@@ -148,7 +148,7 @@ ...@@ -148,7 +148,7 @@
} }
//右侧图标 //右侧图标
.right-icon { .right-icon {
margin-left: 0.2rem; margin-left: 10px;
} }
//toggle //toggle
.toggle-check { .toggle-check {
...@@ -159,15 +159,15 @@ ...@@ -159,15 +159,15 @@
-webkit-align-items: center; -webkit-align-items: center;
align-items: center; align-items: center;
.track { .track {
width: 0.8rem; width: 40px;
height: 0.5rem; height: 25px;
margin-right: 0.05rem; margin-right: 2.5px;
border-radius: 0.3rem; border-radius: 15px;
.handle { .handle {
width: 0.45rem; width: 22.5px;
height: 0.45rem; height: 22.5px;
top: 0.07rem; top: 3.5px;
left: 0.05rem; left: 2.5px;
} }
} }
} }
...@@ -175,10 +175,10 @@ ...@@ -175,10 +175,10 @@
border-color: @check-box-bg; border-color: @check-box-bg;
background-color: @check-box-bg; background-color: @check-box-bg;
.handle { .handle {
width: 0.45rem; width: 22.5px;
height: 0.45rem; height: 22.5px;
top: 0.07rem; top: 3.5px;
left: 0.18rem; left: 9px;
} }
} }
} }
...@@ -187,7 +187,7 @@ ...@@ -187,7 +187,7 @@
} }
} }
.bottom-tab { .bottom-tab {
height: 0.88rem; height: 44px;
width: 100%; width: 100%;
background-color: #fff; background-color: #fff;
position: fixed; position: fixed;
...@@ -219,7 +219,7 @@ ...@@ -219,7 +219,7 @@
} }
.bottom-tab-divider { .bottom-tab-divider {
width: 2px; /*no*/ width: 2px; /*no*/
height: 0.6rem; height: 30px;
background-color: rgb(214, 217, 218); background-color: rgb(214, 217, 218);
} }
} }
......
...@@ -4093,7 +4093,7 @@ body{ ...@@ -4093,7 +4093,7 @@ body{
height: 100%; height: 100%;
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
font-size: .32rem; font-size: 14px;
font-family: -apple-system-font,sans-serif; font-family: -apple-system-font,sans-serif;
-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
...@@ -4107,7 +4107,7 @@ body{ ...@@ -4107,7 +4107,7 @@ body{
/* If you change these, change platform.scss as well */ /* If you change these, change platform.scss as well */
.has-header { .has-header {
top: 0.88rem; top: 44px;
} }
.no-header { .no-header {
...@@ -4115,23 +4115,23 @@ body{ ...@@ -4115,23 +4115,23 @@ body{
} }
.has-subheader { .has-subheader {
top: 1.76rem; top: 88px;
} }
.has-tabs-top { .has-tabs-top {
top: 1.86rem; top: 93px;
} }
.has-header.has-subheader.has-tabs-top { .has-header.has-subheader.has-tabs-top {
top: 2.74rem; top: 137px;
} }
.has-footer { .has-footer {
padding-bottom: 0.88rem; padding-bottom: 44px;
} }
.has-subfooter { .has-subfooter {
bottom: 1.56rem; bottom: 78px;
} }
...@@ -4375,9 +4375,9 @@ a.subdued:last-child { ...@@ -4375,9 +4375,9 @@ a.subdued:last-child {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
padding: 0.1rem; padding: 5px;
width: 100%; width: 100%;
height: 0.88rem; height: 44px;
border-width: 0; border-width: 0;
border-style: solid; border-style: solid;
border-top: 1px solid transparent; /*no*/ border-top: 1px solid transparent; /*no*/
...@@ -4566,15 +4566,15 @@ a.subdued:last-child { ...@@ -4566,15 +4566,15 @@ a.subdued:last-child {
left: 0; left: 0;
z-index: 0; z-index: 0;
overflow: hidden; overflow: hidden;
margin: 0 0.2rem; margin: 0 10px;
min-width: 0.6rem; min-width: 30px;
height: 0.44rem; height: 22px;
text-align: center; text-align: center;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
font-size: 0.34rem; font-size: 17px;
font-weight: 500; font-weight: 500;
line-height: 0.88rem; line-height: 44px;
} }
.bar .title.title-left { .bar .title.title-left {
...@@ -4593,10 +4593,10 @@ a.subdued:last-child { ...@@ -4593,10 +4593,10 @@ a.subdued:last-child {
z-index: 1; z-index: 1;
padding: 0 8px; padding: 0 8px;
min-width: initial; min-width: initial;
min-height: 0.62rem; min-height: 31px;
font-weight: 400; font-weight: 400;
font-size: 0.26rem; font-size: 13px;
line-height: 0.64rem; line-height: 32px;
} }
.bar .button.button-icon:before, .bar .button.button-icon:before,
...@@ -4604,35 +4604,35 @@ a.subdued:last-child { ...@@ -4604,35 +4604,35 @@ a.subdued:last-child {
.bar button .icon:before, .bar button.icon:before, .bar button.icon-left:before, .bar button.icon-right:before { .bar button .icon:before, .bar button.icon:before, .bar button.icon-left:before, .bar button.icon-right:before {
padding-right: 2px; padding-right: 2px;
padding-left: 2px; padding-left: 2px;
font-size: 0.4rem; font-size: 20px;
line-height: 0.64rem; line-height: 32px;
} }
.bar .button.button-icon, .bar button.button-icon { .bar .button.button-icon, .bar button.button-icon {
font-size: 0.34rem; font-size: 17px;
} }
.bar .button.button-icon .icon:before, .bar .button.button-icon:before, .bar .button.button-icon.icon-left:before, .bar .button.button-icon.icon-right:before, .bar button.button-icon .icon:before, .bar button.button-icon:before, .bar button.button-icon.icon-left:before, .bar button.button-icon.icon-right:before { .bar .button.button-icon .icon:before, .bar .button.button-icon:before, .bar .button.button-icon.icon-left:before, .bar .button.button-icon.icon-right:before, .bar button.button-icon .icon:before, .bar button.button-icon:before, .bar button.button-icon.icon-left:before, .bar button.button-icon.icon-right:before {
vertical-align: top; vertical-align: top;
font-size: 0.64rem; font-size: 32px;
line-height: 0.64rem; line-height: 32px;
} }
.bar .button.button-clear, .bar button.button-clear { .bar .button.button-clear, .bar button.button-clear {
padding-right: 3px; padding-right: 3px;
padding-left: 3px; padding-left: 3px;
font-weight: 300; font-weight: 300;
font-size: 0.34rem; font-size: 17px;
} }
.bar .button.button-clear .icon:before, .bar .button.button-clear.icon:before, .bar .button.button-clear.icon-left:before, .bar .button.button-clear.icon-right:before, .bar button.button-clear .icon:before, .bar button.button-clear.icon:before, .bar button.button-clear.icon-left:before, .bar button.button-clear.icon-right:before { .bar .button.button-clear .icon:before, .bar .button.button-clear.icon:before, .bar .button.button-clear.icon-left:before, .bar .button.button-clear.icon-right:before, .bar button.button-clear .icon:before, .bar button.button-clear.icon:before, .bar button.button-clear.icon-left:before, .bar button.button-clear.icon-right:before {
font-size: 0.64rem; font-size: 32px;
line-height: 0.64rem; line-height: 32px;
} }
.bar .button.back-button, .bar button.back-button { .bar .button.back-button, .bar button.back-button {
display: block; display: block;
margin-right: 0.1rem; margin-right: 5px;
padding: 0; padding: 0;
white-space: nowrap; white-space: nowrap;
font-weight: 400; font-weight: 400;
...@@ -4644,13 +4644,13 @@ a.subdued:last-child { ...@@ -4644,13 +4644,13 @@ a.subdued:last-child {
.bar .button-bar > .button, .bar .button-bar > .button,
.bar .buttons > .button { .bar .buttons > .button {
min-height: 0.64rem; min-height: 32px;
line-height: 0.64rem; line-height: 32px;
} }
.bar .button-bar + .button, .bar .button-bar + .button,
.bar .button + .button-bar { .bar .button + .button-bar {
margin-left: 0.1rem margin-left: 5px
} }
.bar .buttons, .bar .buttons,
...@@ -4664,12 +4664,12 @@ a.subdued:last-child { ...@@ -4664,12 +4664,12 @@ a.subdued:last-child {
} }
.bar .buttons-left span { .bar .buttons-left span {
margin-right: 0.1rem; margin-right: 5px;
display: inherit; display: inherit;
} }
.bar .buttons-right span { .bar .buttons-right span {
margin-left: 0.1rem; margin-left: 5px;
display: inherit; display: inherit;
} }
...@@ -4679,9 +4679,9 @@ a.subdued:last-child { ...@@ -4679,9 +4679,9 @@ a.subdued:last-child {
.bar .buttons.pull-right, .bar .buttons.pull-right,
.bar .title + .buttons { .bar .title + .buttons {
position: absolute; position: absolute;
top: 0.1rem; top: 5px;
right: 0.1rem; right: 5px;
bottom: 0.1rem; bottom: 5px;
} }
.platform-android .nav-bar-has-subheader .bar { .platform-android .nav-bar-has-subheader .bar {
...@@ -4689,12 +4689,12 @@ a.subdued:last-child { ...@@ -4689,12 +4689,12 @@ a.subdued:last-child {
} }
.platform-android .bar .back-button .icon:before { .platform-android .bar .back-button .icon:before {
font-size: 0.48rem; font-size: 24px;
} }
.platform-android .bar .title { .platform-android .bar .title {
font-size: 0.38rem; font-size: 19px;
line-height: 0.88rem; line-height: 44px;
} }
...@@ -4705,7 +4705,7 @@ a.subdued:last-child { ...@@ -4705,7 +4705,7 @@ a.subdued:last-child {
.checkbox { .checkbox {
position: relative; position: relative;
display: inline-block; display: inline-block;
padding: 0.14rem 0.14rem; padding: 7px 7px;
cursor: pointer; cursor: pointer;
} }
...@@ -4836,8 +4836,8 @@ a.subdued:last-child { ...@@ -4836,8 +4836,8 @@ a.subdued:last-child {
.checkbox input, .checkbox input,
.checkbox-icon { .checkbox-icon {
position: relative; position: relative;
width: 0.56rem; width: 28px;
height: 0.56rem; height: 28px;
display: block; display: block;
border: 0; border: 0;
background: transparent; background: transparent;
...@@ -4852,7 +4852,7 @@ a.subdued:last-child { ...@@ -4852,7 +4852,7 @@ a.subdued:last-child {
height: 100%; height: 100%;
border-width: 1px; /*no*/ border-width: 1px; /*no*/
border-style: solid; border-style: solid;
border-radius: 0.56rem; border-radius: 28px;
background: #fff; background: #fff;
content: ' '; content: ' ';
-webkit-transition: background-color 20ms ease-in-out; -webkit-transition: background-color 20ms ease-in-out;
...@@ -4874,8 +4874,8 @@ input:checked + .checkbox-icon:before { ...@@ -4874,8 +4874,8 @@ input:checked + .checkbox-icon:before {
top: 33%; top: 33%;
left: 25%; left: 25%;
display: table; display: table;
width: 0.28rem; width: 14px;
height: 0.12rem; height: 6px;
border: 1px solid #fff; /*no*/ border: 1px solid #fff; /*no*/
border-top: 0; border-top: 0;
border-right: 0; border-right: 0;
...@@ -5039,10 +5039,10 @@ input:checked + .checkbox-icon:before { ...@@ -5039,10 +5039,10 @@ input:checked + .checkbox-icon:before {
transition-property: background-color, border; transition-property: background-color, border;
display: inline-block; display: inline-block;
box-sizing: border-box; box-sizing: border-box;
width: 1.02rem; width: 51px;
height: 0.62rem; height: 31px;
border: solid 1px #e6e6e6; /*no*/ border: solid 1px #e6e6e6; /*no*/
border-radius: 0.4rem; border-radius: 20px;
background-color: #fff; background-color: #fff;
content: ' '; content: ' ';
cursor: pointer; cursor: pointer;
...@@ -5064,20 +5064,20 @@ input:checked + .checkbox-icon:before { ...@@ -5064,20 +5064,20 @@ input:checked + .checkbox-icon:before {
transition-property: background-color, transform; transition-property: background-color, transform;
position: absolute; position: absolute;
display: block; display: block;
width: 0.54rem; width: 27px;
height: 0.54rem; height: 27px;
border-radius: 0.54rem; border-radius: 27px;
background-color: #fff; background-color: #fff;
top: 0.14rem; top: 7px;
left: 0.14rem; left: 7px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), 0 1px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35), 0 1px 1px rgba(0, 0, 0, 0.15);
} }
.toggle .handle:before { .toggle .handle:before {
position: absolute; position: absolute;
top: -0.02rem; top: -1px;
left: -0.44rem; left: -22px;
padding: 0.36rem 0.68rem; padding: 18px 34px;
content: " "; content: " ";
} }
...@@ -5093,7 +5093,7 @@ input:checked + .checkbox-icon:before { ...@@ -5093,7 +5093,7 @@ input:checked + .checkbox-icon:before {
.item-toggle, .item-toggle,
.item-toggle.item-complex .item-content { .item-toggle.item-complex .item-content {
padding-right: 1.98rem; padding-right: 99px;
} }
.item-toggle.item-complex { .item-toggle.item-complex {
...@@ -5102,8 +5102,8 @@ input:checked + .checkbox-icon:before { ...@@ -5102,8 +5102,8 @@ input:checked + .checkbox-icon:before {
.item-toggle .toggle { .item-toggle .toggle {
position: absolute; position: absolute;
top: 0.2rem; top: 10px;
right: 0.32rem; right: 16px;
z-index: 3; z-index: 3;
} }
...@@ -5113,8 +5113,8 @@ input:checked + .checkbox-icon:before { ...@@ -5113,8 +5113,8 @@ input:checked + .checkbox-icon:before {
.toggle-small .track { .toggle-small .track {
border: 0; border: 0;
width: 0.68rem; width: 34px;
height: 0.3rem; height: 15px;
background: #9e9e9e; background: #9e9e9e;
} }
...@@ -5123,10 +5123,10 @@ input:checked + .checkbox-icon:before { ...@@ -5123,10 +5123,10 @@ input:checked + .checkbox-icon:before {
} }
.toggle-small .handle { .toggle-small .handle {
top: 0.1rem; top: 5px;
left: 0.2rem; left: 10px;
width: 0.42rem; width: 21px;
height: 0.42rem; height: 21px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); /*no*/ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); /*no*/
} }
...@@ -5137,7 +5137,7 @@ input:checked + .checkbox-icon:before { ...@@ -5137,7 +5137,7 @@ input:checked + .checkbox-icon:before {
} }
.toggle-small.item-toggle .toggle { .toggle-small.item-toggle .toggle {
top: 0.38rem; top: 19px;
} }
.toggle-small .toggle-light input:checked + .track { .toggle-small .toggle-light input:checked + .track {
...@@ -5226,7 +5226,7 @@ input:checked + .checkbox-icon:before { ...@@ -5226,7 +5226,7 @@ input:checked + .checkbox-icon:before {
.item-radio .item-content { .item-radio .item-content {
/* give some room to the right for the checkmark icon */ /* give some room to the right for the checkmark icon */
padding-right: 2.56rem; padding-right: 128px;
} }
.item-radio .radio-icon { .item-radio .radio-icon {
...@@ -5236,9 +5236,9 @@ input:checked + .checkbox-icon:before { ...@@ -5236,9 +5236,9 @@ input:checked + .checkbox-icon:before {
right: 0; right: 0;
z-index: 3; z-index: 3;
visibility: hidden; visibility: hidden;
padding: 0.28rem; padding: 14px;
height: 100%; height: 100%;
font-size: 0.48rem; font-size: 24px;
} }
.item-radio input { .item-radio input {
......
.platform-ios { .platform-ios {
.bar .title + .buttons { .bar .title + .buttons {
top: auto; top: auto;
bottom: 0.24rem; bottom: 12px;
} }
.has-footer { .has-footer {
// padding-bottom: 2.16rem; // padding-bottom: 2.16rem;
...@@ -11,35 +11,35 @@ ...@@ -11,35 +11,35 @@
} }
.has-header { .has-header {
top: 1.28rem; top: 64px;
//padding-bottom: 1.28rem; //padding-bottom: 1.28rem;
} }
.header-top { .header-top {
margin-top: 1.26rem; margin-top: 63px;
} }
.img { .img {
margin-top: 0.2rem; margin-top: 10px;
} }
.bar { .bar {
background-image: none; background-image: none;
padding: 0.1rem 0 0.1rem 0; padding: 5px 0 5px 0;
height: 1.28rem !important; height: 64px !important;
display: flex; display: flex;
display: -webkit-flex; display: -webkit-flex;
align-items: center; align-items: center;
-webkit-align-items: center; -webkit-align-items: center;
.title { .title {
height: 0.96rem; height: 48px;
min-width: 0.6rem; min-width: 30px;
line-height: 0.96rem; line-height: 48px;
font-size: 0.34rem; font-size: 17px;
display: flex; display: flex;
display: -webkit-flex; display: -webkit-flex;
justify-content: center; justify-content: center;
-webkit-justify-content: center; -webkit-justify-content: center;
align-items: center; align-items: center;
-webkit-align-items: center; -webkit-align-items: center;
margin-top: 0.08rem; margin-top: 4px;
} }
} }
.content { .content {
...@@ -52,8 +52,8 @@ ...@@ -52,8 +52,8 @@
color: #D24E4E; color: #D24E4E;
position: absolute; position: absolute;
top: 0; top: 0;
right: -0.16rem; right: -8px;
height: 0.16rem; height: 8px;
padding-top: 2px; padding-top: 2px;
} }
} }
......
...@@ -2,13 +2,13 @@ ...@@ -2,13 +2,13 @@
@media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) { @media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
.platform-ios{ .platform-ios{
.has-header { .has-header {
top: 1.68rem; top: 84px;
} }
.has-tabs { .has-tabs {
bottom: 1.68rem; bottom: 84px;
} }
.has-footer { .has-footer {
padding-bottom: 1.6rem; padding-bottom: 80px;
.scrollContent{ .scrollContent{
// padding-bottom: 2.84rem; // padding-bottom: 2.84rem;
} }
...@@ -16,8 +16,8 @@ ...@@ -16,8 +16,8 @@
} }
.public-style { .public-style {
.bottom-tab{ .bottom-tab{
height: 1.56rem; height: 78px;
padding-bottom: 0.68rem; padding-bottom: 34px;
} }
} }
} }
...@@ -28,13 +28,13 @@ ...@@ -28,13 +28,13 @@
@media (device-width: 414px) and (device-height: 896px){ @media (device-width: 414px) and (device-height: 896px){
.platform-ios{ .platform-ios{
.has-header { .has-header {
top: 1.68rem; top: 84px;
} }
.has-tabs { .has-tabs {
bottom: 1.68rem; bottom: 84px;
} }
.has-footer { .has-footer {
padding-bottom: 1.6rem; padding-bottom: 80px;
.scrollContent{ .scrollContent{
// padding-bottom: 2.84rem; // padding-bottom: 2.84rem;
} }
...@@ -42,8 +42,8 @@ ...@@ -42,8 +42,8 @@
} }
.public-style { .public-style {
.bottom-tab{ .bottom-tab{
height: 1.56rem; height: 78px;
padding-bottom: 0.68rem; padding-bottom: 34px;
} }
} }
} }
......
...@@ -3,27 +3,27 @@ ...@@ -3,27 +3,27 @@
position: absolute !important; position: absolute !important;
top: 0; top: 0;
width: 100%; width: 100%;
height: 0.92rem; height: 46px;
font-size: 0.28rem !important; font-size: 14px !important;
background: white; background: white;
.vux-header-left { .vux-header-left {
font-size: 0.28rem !important; font-size: 14px !important;
top: 0.24rem !important; top: 12px !important;
line-height: 0.42rem !important; line-height: 21px !important;
.vux-header-back { .vux-header-back {
} }
.left-arrow { .left-arrow {
&before { &before {
width: 0.24rem !important; width: 12px !important;
height: 0.24rem !important; height: 12px !important;
} }
} }
} }
.vux-header-title { .vux-header-title {
height: 0.8rem !important; height: 40px !important;
line-height: 0.8rem !important; line-height: 40px !important;
font-size: 0.36rem !important; font-size: 18px !important;
} }
.vux-header-right { .vux-header-right {
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
} }
.weui-loading_toast .weui-toast__content { .weui-loading_toast .weui-toast__content {
margin-top: 0.14rem !important; margin-top: 7px !important;
} }
.weui-toast { .weui-toast {
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
max-width: 14em; max-width: 14em;
min-height: 3em !important; min-height: 3em !important;
top: 38% !important; top: 38% !important;
border-radius: 0.15rem !important; border-radius: 7.5px !important;
} }
.weui-toast.vux-toast-top { .weui-toast.vux-toast-top {
...@@ -58,27 +58,27 @@ ...@@ -58,27 +58,27 @@
} }
.weui-icon_toast { .weui-icon_toast {
margin: 0.3rem 0 0 !important; margin: 15px 0 0 !important;
} }
.weui-icon_toast.weui-loading { .weui-icon_toast.weui-loading {
width: 0.64rem !important; width: 32px !important;
height: 0.64rem !important; height: 32px !important;
} }
.weui-toast__content { .weui-toast__content {
//margin: 0 0 30px !important; //margin: 0 0 30px !important;
font-size: 0.32rem !important; font-size: 14px !important;
} }
.weui-toast_text .weui-toast__content { .weui-toast_text .weui-toast__content {
border-radius: 0.2rem !important; border-radius: 10px !important;
padding: 0.12rem 0.14rem !important; padding: 6px 7px !important;
} }
.weui-toast.vux-toast-bottom { .weui-toast.vux-toast-bottom {
top: auto !important; top: auto !important;
bottom: 1rem !important; bottom: 50px !important;
} }
.weui-toast_success { .weui-toast_success {
...@@ -88,8 +88,8 @@ ...@@ -88,8 +88,8 @@
width: auto !important; width: auto !important;
.weui-toast__content { .weui-toast__content {
margin: 0.2rem 0.1rem !important; margin: 10px 5px !important;
line-height: 0.42rem !important; line-height: 21px !important;
} }
} }
...@@ -105,22 +105,22 @@ ...@@ -105,22 +105,22 @@
} }
.weui-toast.weui-toast_forbidden .weui-toast__content { .weui-toast.weui-toast_forbidden .weui-toast__content {
margin: 0.2rem 0.1rem !important; margin: 10px 5px !important;
line-height: 0.42rem !important; line-height: 21px !important;
} }
.weui-icon_toast.weui-loading { .weui-icon_toast.weui-loading {
margin: 0.24rem 0 0 !important; margin: 12px 0 0 !important;
} }
.weui-icon_toast.weui-icon-success-no-circle:before { .weui-icon_toast.weui-icon-success-no-circle:before {
font-size: 0.68rem !important; font-size: 30px !important;
} }
.weui-dialog { .weui-dialog {
width: 70% !important; width: 70% !important;
max-width: 5.2rem !important; max-width: 260px !important;
border-radius: 0.2rem !important; border-radius: 10px !important;
} }
.weui-dialog__hd { .weui-dialog__hd {
...@@ -128,16 +128,16 @@ ...@@ -128,16 +128,16 @@
} }
.weui-tabbar__item { .weui-tabbar__item {
padding: 0.12rem 0 0 !important; padding: 6px 0 0 !important;
} }
.weui-tabbar__icon { .weui-tabbar__icon {
width: 0.44rem !important; width: 22px !important;
height: 0.44rem !important; height: 22px !important;
} }
.weui-tabbar__label { .weui-tabbar__label {
font-size: 0.24rem !important; font-size: 12px !important;
} }
...@@ -148,52 +148,52 @@ ...@@ -148,52 +148,52 @@
.weui-dialog__title { .weui-dialog__title {
font-weight: 600 !important; font-weight: 600 !important;
font-size: 0.36rem !important; font-size: 16px !important;
} }
.weui-dialog__bd { .weui-dialog__bd {
font-size: 0.3rem !important; font-size: 14px !important;
min-height: 0.4rem; min-height: 20px;
} }
.weui-dialog__ft { .weui-dialog__ft {
line-height: 0.96rem !important; line-height: 44px !important;
font-size: 0.36rem !important; font-size: 16px !important;
} }
.dp-header { .dp-header {
.vux-datetime-cancel { .vux-datetime-cancel {
padding-left: 0.3rem !important; padding-left: 15px !important;
} }
.vux-datetime-confirm { .vux-datetime-confirm {
padding-right: 0.3rem !important; padding-right: 15px !important;
} }
} }
.dp-header .dp-item { .dp-header .dp-item {
font-size: 0.32rem !important; font-size: 16px !important;
height: 0.88rem !important; height: 44px !important;
line-height: 0.88rem !important; line-height: 44px !important;
} }
.dp-content { .dp-content {
padding: 0.2rem 0 !important; padding: 10px 0 !important;
} }
.scroller-component { .scroller-component {
height: 4.76rem !important; height: 238px !important;
background-color: #fff; background-color: #fff;
z-index: 2; z-index: 2;
} }
.scroller-mask { .scroller-mask {
background-size: 100% 2.04rem !important; background-size: 100% 102px !important;
} }
.scroller-indicator { .scroller-indicator {
top: 2.04rem !important; top: 102px !important;
height: 0.68rem !important; height: 34px !important;
line-height: 0.68rem !important; line-height: 34px !important;
//border-bottom: 1px solid #cccccc !important; //border-bottom: 1px solid #cccccc !important;
//border-top: 1px solid #cccccc !important; //border-top: 1px solid #cccccc !important;
background-image: none !important; background-image: none !important;
...@@ -207,9 +207,9 @@ ...@@ -207,9 +207,9 @@
} }
.scroller-item { .scroller-item {
font-size: 0.32rem !important; font-size: 16px !important;
height: 0.68rem !important; height: 34px !important;
line-height: 0.68rem !important; line-height: 34px !important;
} }
.weui-cells { .weui-cells {
...@@ -231,7 +231,7 @@ ...@@ -231,7 +231,7 @@
} }
.weui-textarea { .weui-textarea {
font-size: 0.32rem !important; font-size: 16px !important;
} }
.lg-preview-img { .lg-preview-img {
......
...@@ -84,7 +84,7 @@ export default { ...@@ -84,7 +84,7 @@ export default {
font-size: 16px; font-size: 16px;
margin-left: 15px; margin-left: 15px;
} }
p{ // p{
padding: 15px; // padding: 15px;
} // }
</style> </style>
...@@ -157,7 +157,7 @@ ...@@ -157,7 +157,7 @@
<div class="add-name"> <div class="add-name">
<div>数字键盘</div> <div>数字键盘</div>
</div> </div>
<div class="add-content readonly" @click="keyboradShow"> <div class="add-content readonly" @click="keyboardShow">
<input v-model="value" type="number" placeholder="输入" readonly> <input v-model="value" type="number" placeholder="输入" readonly>
</div> </div>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment