Skip to content

H
hls-easy-ui
Commit 3830a1ea authored by nature's avatar nature
Browse files
Options

组建优化

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