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

样式文件结构调整

上级 3906b264
......@@ -2,6 +2,8 @@
@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;
......@@ -104,118 +106,8 @@ ion-action-sheet{
@default-text-color: #fff;
.theme(@default-active-color,@default-text-color);
// 主题公共函数
.theme(@theme-color,@text-color){
ion-tab-bar{
ion-tab-button{
--color-selected: @theme-color;
}
}
ion-button{
--background: @theme-color;
--color: @text-color;
}
.view-container {
ion-header{
.ionoc-view-header{
--background: @theme-color;
--color: @text-color;
}
}
}
ion-toggle {
--background-checked: @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-action-sheet{
--button-color:@theme-color;
--max-height: 60%;
}
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 ;
}
}
ion-checkbox{
--background-checked : @theme-color ;
--border-color-checked: @theme-color ;
}
.app-embed-view{
.embed-view-header{
ion-toolbar{
--background: @theme-color;
}
}
}
.app-mobile-radio-list{
.van-radio__icon--checked .van-icon {
color: @text-color;
background-color: @theme-color;
border-color: @theme-color;
}
}
.listexpbar_list{
.van-sidebar-item--select::before{
background-color: @theme-color;
}
.van-sidebar-item--select {
border-color: @theme-color;
}
}
}
// 默认布局
@default-form-text-align:right;
.layout(@default-form-text-align);
// 布局公共函数
.layout(@form-text-align){
.app-mobile-select ion-select::part(text) {
text-align: @form-text-align;
}
.app-mobile-check-list ion-select::part(text) {
text-align: @form-text-align;
}
.app-mobile-datetime-picker {
ion-datetime{
text-align: @form-text-align;
}
}
.app-picker .ibz-input {
text-align: @form-text-align;
}
.left{
.app-form-item-input{
text-align: @form-text-align;
}
}
.app-mob-mpicker > ion-input {
text-align: @form-text-align;
}
ion-textarea{
text-align: @form-text-align;
}
}
@import './user.less';
\ No newline at end of file
// 视图标题样式
// .ionoc-view-header {
// --background: @color-secondary-shade;
// }
\ No newline at end of file
// 布局公共函数
.layout(@form-text-align){
.app-mobile-select ion-select::part(text) {
text-align: @form-text-align;
}
.app-mobile-check-list ion-select::part(text) {
text-align: @form-text-align;
}
.app-mobile-datetime-picker {
ion-datetime{
text-align: @form-text-align;
}
}
.app-picker .ibz-input {
text-align: @form-text-align;
}
.left{
.app-form-item-input{
text-align: @form-text-align;
}
}
.app-mob-mpicker > ion-input {
text-align: @form-text-align;
}
ion-textarea{
text-align: @form-text-align;
}
}
\ No newline at end of file
// 主题公共函数
.theme(@theme-color,@text-color){
ion-tab-bar{
ion-tab-button{
--color-selected: @theme-color;
}
}
ion-button{
--background: @theme-color;
--color: @text-color;
}
.view-container {
ion-header{
.ionoc-view-header{
--background: @theme-color;
--color: @text-color;
}
}
}
ion-toggle {
--background-checked: @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-action-sheet{
--button-color:@theme-color;
--max-height: 60%;
}
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 ;
}
}
ion-checkbox{
--background-checked : @theme-color ;
--border-color-checked: @theme-color ;
}
.app-embed-view{
.embed-view-header{
ion-toolbar{
--background: @theme-color;
}
}
}
.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{
background-color: @theme-color;
}
.van-sidebar-item--select {
border-color: @theme-color;
}
}
}
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册