Skip to content

iBiz-Vue-Mob-R7-Res
iBiz-Vue-Mob-R7-Res
提交 186ba163 编写于 作者: KK's avatar KK
浏览文件
操作

样式调整

上级 6f9f73ad
隐藏空白字符变更
内嵌 并排
正在显示 包含 181 行增加 和 180 行删除
src/components/ui-components/app-mob-button/app-mob-button.less
浏览文件 @ 186ba163
...@@ -21,11 +21,7 @@ ...@@ -21,11 +21,7 @@
margin-bottom: 10px; margin-bottom: 10px;
.pick-btn { .pick-btn {
height: 40px; height: 40px;
width: auto;
--border-radius: 2px;
width: 45%; width: 45%;
height: 40px;
width: auto;
--border-radius: 10px; --border-radius: 10px;
} }
} }
......
src/styles/layout/navigation/navi-new.less
浏览文件 @ 186ba163
...@@ -15,6 +15,10 @@ ...@@ -15,6 +15,10 @@
--indicator-color: @color-main-background; --indicator-color: @color-main-background;
margin-top: 0; margin-top: 0;
--transition:none; --transition:none;
ion-icon{
font-size: 1.3rem;
margin-right: 5px;
}
} }
.segment-button-checked{ .segment-button-checked{
margin: 0; margin: 0;
......
src/styles/theme/theme.less
浏览文件 @ 186ba163
// 主题公共函数 // 主题公共函数
.theme(@theme-color,@text-color) { .theme(@theme-color,@text-color) {
ion-tab-bar { ion-tab-bar {
ion-tab-button { ion-tab-button {
--color-selected: @theme-color; --color-selected: @theme-color;
} }
} }
// 按钮样式 // 按钮样式
ion-button { ion-button {
--background: @theme-color; --background: @theme-color;
--color: @text-color; --color: @text-color;
--color-activated: @text-color; --color-activated: @text-color;
--background-activated: @theme-color; --background-activated: @theme-color;
} }
// 多数据快速分组组件tab选中样式 // 多数据快速分组组件tab选中样式
.app-seleted-item { .app-seleted-item {
color: @theme-color; color: @theme-color;
border-bottom: 2px solid @theme-color; border-bottom: 2px solid @theme-color;
} }
ion-fab-button { ion-fab-button {
--background: @theme-color; --background: @theme-color;
--box-shadow: -1px 1px 5px #8e9eab; --box-shadow: -1px 1px 5px #8e9eab;
--background-activated: @theme-color; --background-activated: @theme-color;
} }
.view-container { .view-container {
ion-header { ion-header {
.ionoc-view-header { .ionoc-view-header {
--background: @theme-color; --background: @theme-color;
--color: @text-color; --color: @text-color;
}
} }
}
} }
ion-toggle { ion-toggle {
--background-checked: @theme-color; --background-checked: @theme-color;
} }
.app-form-item.item-has-focus { .app-form-item.item-has-focus {
> ion-label { > ion-label {
color: @theme-color; color: @theme-color;
} }
} }
ion-picker { ion-picker {
color: @theme-color; color: @theme-color;
.picker-toolbar-button { .picker-toolbar-button {
button { button {
color: @theme-color; color: @theme-color;
}
} }
}
} }
ion-action-sheet { ion-action-sheet {
--button-color: @theme-color; --button-color: @theme-color;
--max-height: 60%; --max-height: 60%;
} }
ion-alert { ion-alert {
.alert-button { .alert-button {
color: @theme-color; color: @theme-color;
} }
[aria-checked="true"].sc-ion-alert-ios [aria-checked='true'].sc-ion-alert-ios
.alert-checkbox-icon.sc-ion-alert-ios { .alert-checkbox-icon.sc-ion-alert-ios {
background-color: @theme-color; background-color: @theme-color;
border-color: @theme-color; border-color: @theme-color;
} }
} }
ion-checkbox { ion-checkbox {
--background-checked: @theme-color; --background-checked: @theme-color;
--border-color-checked: @theme-color; --border-color-checked: @theme-color;
} }
.app-embed-view { .app-embed-view {
.embed-view-header { .embed-view-header {
ion-toolbar { ion-toolbar {
--background: @theme-color; --background: @theme-color;
color: @text-color; color: @text-color;
}
} }
}
} }
.app-mobile-radio-list { .app-mobile-radio-list {
.van-radio__icon--checked .van-icon { .van-radio__icon--checked .van-icon {
color: #fff; color: #fff;
background-color: @theme-color; background-color: @theme-color;
border-color: @theme-color; border-color: @theme-color;
} }
} }
.listexpbar_list { .listexpbar_list {
.van-sidebar-item--select::before { .van-sidebar-item--select::before {
background-color: @theme-color; background-color: @theme-color;
} }
.van-sidebar-item--select { .van-sidebar-item--select {
border-color: @theme-color; border-color: @theme-color;
} }
} }
.van-rate__icon--full { .van-rate__icon--full {
color: @theme-color; color: @theme-color;
} }
ion-range { ion-range {
--bar-background-active: @theme-color; --bar-background-active: @theme-color;
} }
// 多数据分类器样式 // 多数据分类器样式
.ibiz-dropdown-menu { .ibiz-dropdown-menu {
.van-button--info { .van-button--info {
background-color: @theme-color; background-color: @theme-color;
border: 1px solid @theme-color; border: 1px solid @theme-color;
} }
.dropdown-item-icon { .dropdown-item-icon {
color: @theme-color; color: @theme-color;
} }
} }
.ibiz-dropdown-menu.dropdown-menu-ative { .ibiz-dropdown-menu.dropdown-menu-ative {
.van-ellipsis { .van-ellipsis {
color: @theme-color; color: @theme-color;
} }
.van-dropdown-menu__title::after { .van-dropdown-menu__title::after {
color: @theme-color; color: @theme-color;
} }
} }
//多编辑面板底部新增按钮 //多编辑面板底部新增按钮
.app-medit-view-panel { .app-medit-view-panel {
ion-fab { ion-fab {
ion-fab-button { ion-fab-button {
--background: @theme-color; --background: @theme-color;
}
} }
}
} }
// 选项操作视图底部按钮 // 选项操作视图底部按钮
.mobtestmob-option-view { .mobtestmob-option-view {
.option-view-btnbox { .option-view-btnbox {
.success { .success {
--background: @theme-color; --background: @theme-color;
--color: @text-color; --color: @text-color;
}
} }
}
} }
//日历选中样式 //日历选中样式
.mpvue-calendar td.selected span { .mpvue-calendar td.selected span {
background-color: @theme-color!important; background-color: @theme-color!important;
color: @text-color !important; color: @text-color !important;
} }
.mpvue-calendar-change span.active { .mpvue-calendar-change span.active {
background-color: @theme-color !important; background-color: @theme-color !important;
color: @text-color!important; color: @text-color!important;
} }
//分页tab样式 //分页tab样式
ion-segment { ion-segment {
ion-segment-button { ion-segment-button {
--indicator-box-shadow: @theme-color!important; --indicator-box-shadow: @theme-color!important;
--color-checked: @theme-color!important; --color-checked: @theme-color!important;
} }
.segment-button-checked { .segment-button-checked {
border-color: @theme-color!important; // border-color: @theme-color!important;
} --indicator-color: @theme-color;
color: @text-color;
}
} }
// 风格改变样式 // 风格改变样式
.app-mob-select-changeStyle ion-list .align-boxs .active { .app-mob-select-changeStyle ion-list .align-boxs .active {
border: 2px solid @theme-color; border: 2px solid @theme-color;
ion-icon { ion-icon {
color: @theme-color; color: @theme-color;
} }
} }
// 抽屉搜索表单主题 // 抽屉搜索表单主题
.searchform { .searchform {
ion-header { ion-header {
ion-toolbar { ion-toolbar {
--background: @theme-color; --background: @theme-color;
color: @text-color; color: @text-color;
}
} }
}
} }
// 侧滑菜单插件 // 侧滑菜单插件
.app-menu-plugin { .app-menu-plugin {
.header { .header {
background-color: @theme-color; background-color: @theme-color;
}
.list {
&:active {
color: @theme-color;
} }
} .list {
.active { &:active {
ion-icon { color: @theme-color;
color: @theme-color; }
} }
ion-label { .active {
color: @theme-color; ion-icon {
color: @theme-color;
}
ion-label {
color: @theme-color;
}
} }
}
} }
// 快速搜索组件主题 // 快速搜索组件主题
.app-seach-history { .app-seach-history {
.record { .record {
ion-icon { ion-icon {
background: @theme-color; background: @theme-color;
color: @text-color; color: @text-color;
}
} }
}
} }
// 分组组件主题 // 分组组件主题
.van-dropdown-menu__title--active { .van-dropdown-menu__title--active {
color: @theme-color; color: @theme-color;
} }
.van-button--info { .van-button--info {
color: @text-color; color: @text-color;
background-color: @theme-color; background-color: @theme-color;
border-color: @theme-color; border-color: @theme-color;
} }
.dropdown-box .dropdown-item .dropdown-item-icon { .dropdown-box .dropdown-item .dropdown-item-icon {
color: @theme-color; color: @theme-color;
} }
// 侧滑菜单头部 // 侧滑菜单头部
.app-mob-menu-sideslip-view-header { .app-mob-menu-sideslip-view-header {
.header { .header {
.text { .text {
color: @theme-color; color: @theme-color;
} }
.van-notice-bar { .van-notice-bar {
color: @theme-color; color: @theme-color;
}
} }
}
} }
// 搜索表单2主题 // 搜索表单2主题
.app-search-editor { .app-search-editor {
.app-search-editor-item-active { .app-search-editor-item-active {
border-color: @theme-color; border-color: @theme-color;
} }
} }
// 优先级工具栏 // 优先级工具栏
.mdview-tools { .mdview-tools {
.view-tool { .view-tool {
&-sorts { &-sorts {
&-item { &-item {
.active { .active {
display: flex; display: flex;
flex-grow: 1; flex-grow: 1;
font-size: 15px; font-size: 15px;
color: @theme-color; color: @theme-color;
} }
.sort-icon { .sort-icon {
.sort-select { .sort-select {
color: @theme-color; color: @theme-color;
} }
}
}
} }
}
} }
}
} }
// 树视图导航主题 // 树视图导航主题
.app-mob-treeview { .app-mob-treeview {
.treeNav { .treeNav {
.treeNav-active { .treeNav-active {
color: @theme-color; color: @theme-color;
}
} }
}
} }
//快速操作工具栏 //快速操作工具栏
.app-mob-mdctrl .app-mob-mdctrl-mdctrl .no-data ion-button { .app-mob-mdctrl .app-mob-mdctrl-mdctrl .no-data ion-button {
--color: @theme-color; --color: @theme-color;
--color-activated: @theme-color; --color-activated: @theme-color;
} }
.app-select-tree-list { .app-select-tree-list {
.app-select-tree-list-item { .app-select-tree-list-item {
.index_text { .index_text {
background: @theme-color; background: @theme-color;
color: @text-color; color: @text-color;
}
} }
}
} }
.app-mob-treeview .tree_item_label .tree_item_index_text { .app-mob-treeview .tree_item_label .tree_item_index_text {
background: @theme-color;
color: @text-color;
}
// .app-tree 组件
.app-tree {
width: 100%;
height: 100%;
.ok_button{
background: @theme-color; background: @theme-color;
color: @text-color; color: @text-color;
} }
} // .app-tree 组件
.app-tree {
width: 100%;
height: 100%;
.ok_button {
background: @theme-color;
color: @text-color;
}
}
// app-mob-group-picker组件 // app-mob-group-picker组件
.ibiz-mob-group-picker{ .ibiz-mob-group-picker {
.ibiz-group-footer{ .ibiz-group-footer {
.van-button{ .van-button {
background: @theme-color; background: @theme-color;
color: @text-color; color: @text-color;
} }
} }
} }
// 用户自定义主题文件 // 用户自定义主题文件
.user_theme(@theme-color, @text-color); .user_theme(@theme-color, @text-color);
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或