提交 cd4430c8 编写于 作者: KK's avatar KK

代码格式

上级 127b2876
@import '../../node_modules/font-awesome/less/font-awesome.less';
@import '../theme/blue.theme.less';
@import '../theme/dark-blue.theme.less';
@import '../theme/default.theme.less';
@import './theme.less';
@import './layout.less';
@import "../../node_modules/font-awesome/less/font-awesome.less";
@import "../theme/blue.theme.less";
@import "../theme/dark-blue.theme.less";
@import "../theme/default.theme.less";
@import "./theme.less";
@import "./layout.less";
.view-container {
height: 100%;
display: flex;
......@@ -14,23 +14,23 @@
top: 0;
width: 100%;
z-index: 1;
.van-button{
.van-button {
height: @nav-bar-height;
line-height: @nav-bar-height;
color: @color-tertiary-contrast;
}
.app-view-lefttoolbar{
.app-view-lefttoolbar {
height: @nav-bar-height;
line-height: @nav-bar-height;
}
.app-nav-bar{
.app-nav-bar {
height: @nav-bar-height;
line-height: @nav-bar-height;
background: @nav-bar-backgroud;
.van-icon{
color:@nav-bar-color;
.van-icon {
color: @nav-bar-color;
}
.van-nav-bar__title{
.van-nav-bar__title {
color: @nav-bar-color;
font-size: @nav-bar-fontSize;
}
......@@ -44,13 +44,13 @@
height: 40px;
width: 100%;
}
>.view-content {
> .view-content {
flex-grow: 1;
overflow: auto;
height: 50%;
}
>.view-search {
>.van-cell {
> .view-search {
> .van-cell {
padding: 0px;
padding-right: @padding-md;
display: flex;
......@@ -61,30 +61,30 @@
}
}
}
> .view-footer{
> .view-footer {
color: @color-tertiary-contrast;
.bottom_menu{
.bottom_menu {
text-align: center;
margin: 0 4px 4px 4px;
ion-button{
ion-button {
width: calc(50% - 4px);
--border-radius:0;
--border-radius: 0;
}
}
}
}
.app-layoutpanel{
.app-mob-span{
.app-layoutpanel {
.app-mob-span {
font-family: Ping;
ion-input{
ion-input {
--padding-top: 0;
--padding-bottom: 0;
--padding-end: 0;
--padding-start: 0;
}
}
ion-icon{
ion-icon {
position: relative;
left: 8px;
top: 1px;
......@@ -97,7 +97,7 @@
fill: currentColor;
overflow: hidden;
}
ion-action-sheet{
ion-action-sheet {
--max-height: 60%;
}
......@@ -107,7 +107,7 @@ ion-action-sheet{
.theme(@default-active-color,@default-text-color);
// 默认布局
@default-form-text-align:right;
@default-form-text-align: right;
.layout(@default-form-text-align);
@import './user.less';
\ No newline at end of file
@import "./user.less";
// 布局公共函数
.layout(@form-text-align){
.layout(@form-text-align) {
.app-mobile-select ion-select::part(text) {
text-align: @form-text-align;
}
......@@ -7,22 +7,22 @@
text-align: @form-text-align;
}
.app-mobile-datetime-picker {
ion-datetime{
ion-datetime {
text-align: @form-text-align;
}
}
.app-picker .ibz-input {
text-align: @form-text-align;
}
.left{
.app-form-item-input{
.left {
.app-form-item-input {
text-align: @form-text-align;
}
}
.app-mob-mpicker > ion-input {
text-align: @form-text-align;
}
ion-textarea{
ion-textarea {
text-align: @form-text-align;
}
}
\ No newline at end of file
}
// 主题公共函数
.theme(@theme-color,@text-color){
ion-tab-bar{
ion-tab-button{
.theme(@theme-color,@text-color) {
ion-tab-bar {
ion-tab-button {
--color-selected: @theme-color;
}
}
ion-button{
ion-button {
--background: @theme-color;
--color: @text-color;
}
.view-container {
ion-header{
.ionoc-view-header{
ion-header {
.ionoc-view-header {
--background: @theme-color;
--color: @text-color;
}
......@@ -20,52 +20,53 @@
ion-toggle {
--background-checked: @theme-color;
}
.app-form-item.item-has-focus{
>ion-label {
color: @theme-color ;
.app-form-item.item-has-focus {
> ion-label {
color: @theme-color;
}
}
ion-picker{
color: @theme-color ;
.picker-toolbar-button{
button{
color: @theme-color ;
ion-picker {
color: @theme-color;
.picker-toolbar-button {
button {
color: @theme-color;
}
}
}
ion-action-sheet{
--button-color:@theme-color;
ion-action-sheet {
--button-color: @theme-color;
--max-height: 60%;
}
ion-alert{
.alert-button{
color: @theme-color ;
ion-alert {
.alert-button {
color: @theme-color;
}
[aria-checked=true].sc-ion-alert-ios .alert-checkbox-icon.sc-ion-alert-ios{
background-color: @theme-color ;
border-color: @theme-color ;
[aria-checked="true"].sc-ion-alert-ios
.alert-checkbox-icon.sc-ion-alert-ios {
background-color: @theme-color;
border-color: @theme-color;
}
}
ion-checkbox{
--background-checked : @theme-color ;
--border-color-checked: @theme-color ;
ion-checkbox {
--background-checked: @theme-color;
--border-color-checked: @theme-color;
}
.app-embed-view{
.embed-view-header{
ion-toolbar{
.app-embed-view {
.embed-view-header {
ion-toolbar {
--background: @theme-color;
}
}
}
.app-mobile-radio-list{
.app-mobile-radio-list {
.van-radio__icon--checked .van-icon {
color: #fff;
background-color: @theme-color;
border-color: @theme-color;
}
}
.listexpbar_list{
.van-sidebar-item--select::before{
.listexpbar_list {
.van-sidebar-item--select::before {
background-color: @theme-color;
}
.van-sidebar-item--select {
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册