@kengic/uni 0.3.2-beta.13 → 0.3.2-beta.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/uni/uni-ui/index.ts +62 -60
- package/dist/uni/uni-ui/uni-col/uni-col.vue +1 -1
- package/dist/uni/uni-ui/uni-row/uni-row.vue +2 -2
- package/dist/uni/uni-ui/uni-scss/changelog.md +8 -8
- package/dist/uni/uni-ui/uni-scss/index.scss +1 -1
- package/dist/uni/uni-ui/uni-scss/package.json +82 -82
- package/dist/uni/uni-ui/uni-scss/readme.md +3 -3
- package/dist/uni/uni-ui/uni-scss/styles/index.scss +7 -7
- package/dist/uni/uni-ui/uni-scss/styles/setting/_border.scss +2 -2
- package/dist/uni/uni-ui/uni-scss/styles/setting/_color.scss +66 -66
- package/dist/uni/uni-ui/uni-scss/styles/setting/_radius.scss +55 -55
- package/dist/uni/uni-ui/uni-scss/styles/setting/_space.scss +55 -55
- package/dist/uni/uni-ui/uni-scss/styles/setting/_styles.scss +167 -167
- package/dist/uni/uni-ui/uni-scss/styles/setting/_text.scss +24 -24
- package/dist/uni/uni-ui/uni-scss/styles/setting/_variables.scss +146 -146
- package/dist/uni/uni-ui/uni-scss/styles/tools/functions.scss +19 -19
- package/dist/uni/uni-ui/uni-scss/theme.scss +31 -31
- package/dist/uni/uni-ui/uni-scss/variables.scss +62 -62
- package/dist/uni/uni-ui/uni-swipe-action-item/uni-swipe-action-item.vue +1 -1
- package/package.json +3 -1
package/dist/uni/uni-ui/index.ts
CHANGED
|
@@ -1,60 +1,62 @@
|
|
|
1
|
-
export { default as UniBadge } from './uni-badge/uni-badge.vue';
|
|
2
|
-
export { default as UniBreadcrumb } from './uni-breadcrumb/uni-breadcrumb.vue';
|
|
3
|
-
export { default as UniBreadcrumbItem } from './uni-breadcrumb-item/uni-breadcrumb-item.vue';
|
|
4
|
-
export { default as UniCalendar } from './uni-calendar/uni-calendar.vue';
|
|
5
|
-
export { default as UniCard } from './uni-card/uni-card.vue';
|
|
6
|
-
export { default as UniCol } from './uni-col/uni-col.vue';
|
|
7
|
-
export { default as UniCollapse } from './uni-collapse/uni-collapse.vue';
|
|
8
|
-
export { default as UniCollapseItem } from './uni-collapse-item/uni-collapse-item.vue';
|
|
9
|
-
export { default as UniCombox } from './uni-combox/uni-combox.vue';
|
|
10
|
-
export { default as UniCountdown } from './uni-countdown/uni-countdown.vue';
|
|
11
|
-
export { default as UniDataCheckbox } from './uni-data-checkbox/uni-data-checkbox.vue';
|
|
12
|
-
export { default as UniDataPicker } from './uni-data-picker/uni-data-picker.vue';
|
|
13
|
-
export { default as UniDataPickerview } from './uni-data-pickerview/uni-data-pickerview.vue';
|
|
14
|
-
export { default as UniDataSelect } from './uni-data-select/uni-data-select.vue';
|
|
15
|
-
export { default as UniDateformat } from './uni-dateformat/uni-dateformat.vue';
|
|
16
|
-
export { default as UniDatetimePicker } from './uni-datetime-picker/uni-datetime-picker.vue';
|
|
17
|
-
export { default as UniDrawer } from './uni-drawer/uni-drawer.vue';
|
|
18
|
-
export { default as UniEasyinput } from './uni-easyinput/uni-easyinput.vue';
|
|
19
|
-
export { default as UniFab } from './uni-fab/uni-fab.vue';
|
|
20
|
-
export { default as UniFav } from './uni-fav/uni-fav.vue';
|
|
21
|
-
export { default as UniFilePicker } from './uni-file-picker/uni-file-picker.vue';
|
|
22
|
-
export { default as UniForms } from './uni-forms/uni-forms.vue';
|
|
23
|
-
export { default as UniFormsItem } from './uni-forms-item/uni-forms-item.vue';
|
|
24
|
-
export { default as UniGoodsNav } from './uni-goods-nav/uni-goods-nav.vue';
|
|
25
|
-
export { default as UniGrid } from './uni-grid/uni-grid.vue';
|
|
26
|
-
export { default as UniGridItem } from './uni-grid-item/uni-grid-item.vue';
|
|
27
|
-
export { default as UniGroup } from './uni-group/uni-group.vue';
|
|
28
|
-
export { default as UniIcons } from './uni-icons/uni-icons.vue';
|
|
29
|
-
export { default as UniIndexedList } from './uni-indexed-list/uni-indexed-list.vue';
|
|
30
|
-
export { default as UniLink } from './uni-link/uni-link.vue';
|
|
31
|
-
export { default as UniList } from './uni-list/uni-list.vue';
|
|
32
|
-
export { default as UniListAd } from './uni-list-ad/uni-list-ad.vue';
|
|
33
|
-
export { default as UniListChat } from './uni-list-chat/uni-list-chat.vue';
|
|
34
|
-
export { default as UniListItem } from './uni-list-item/uni-list-item.vue';
|
|
35
|
-
export { default as UniLoadMore } from './uni-load-more/uni-load-more.vue';
|
|
36
|
-
export { default as UniNavBar } from './uni-nav-bar/uni-nav-bar.vue';
|
|
37
|
-
export { default as UniNoticeBar } from './uni-notice-bar/uni-notice-bar.vue';
|
|
38
|
-
export { default as UniNumberBox } from './uni-number-box/uni-number-box.vue';
|
|
39
|
-
export { default as UniPagination } from './uni-pagination/uni-pagination.vue';
|
|
40
|
-
export { default as UniPopup } from './uni-popup/uni-popup.vue';
|
|
41
|
-
export { default as UniPopupDialog } from './uni-popup-dialog/uni-popup-dialog.vue';
|
|
42
|
-
export { default as UniPopupMessage } from './uni-popup-message/uni-popup-message.vue';
|
|
43
|
-
export { default as UniPopupShare } from './uni-popup-share/uni-popup-share.vue';
|
|
44
|
-
export { default as
|
|
45
|
-
export { default as
|
|
46
|
-
export { default as
|
|
47
|
-
export { default as
|
|
48
|
-
export { default as
|
|
49
|
-
export { default as
|
|
50
|
-
export { default as
|
|
51
|
-
export { default as
|
|
52
|
-
export { default as
|
|
53
|
-
export { default as
|
|
54
|
-
export { default as
|
|
55
|
-
export { default as
|
|
56
|
-
export { default as
|
|
57
|
-
export { default as
|
|
58
|
-
export { default as
|
|
59
|
-
export { default as
|
|
60
|
-
export { default as
|
|
1
|
+
export { default as UniBadge } from './uni-badge/uni-badge.vue';
|
|
2
|
+
export { default as UniBreadcrumb } from './uni-breadcrumb/uni-breadcrumb.vue';
|
|
3
|
+
export { default as UniBreadcrumbItem } from './uni-breadcrumb-item/uni-breadcrumb-item.vue';
|
|
4
|
+
export { default as UniCalendar } from './uni-calendar/uni-calendar.vue';
|
|
5
|
+
export { default as UniCard } from './uni-card/uni-card.vue';
|
|
6
|
+
export { default as UniCol } from './uni-col/uni-col.vue';
|
|
7
|
+
export { default as UniCollapse } from './uni-collapse/uni-collapse.vue';
|
|
8
|
+
export { default as UniCollapseItem } from './uni-collapse-item/uni-collapse-item.vue';
|
|
9
|
+
export { default as UniCombox } from './uni-combox/uni-combox.vue';
|
|
10
|
+
export { default as UniCountdown } from './uni-countdown/uni-countdown.vue';
|
|
11
|
+
export { default as UniDataCheckbox } from './uni-data-checkbox/uni-data-checkbox.vue';
|
|
12
|
+
export { default as UniDataPicker } from './uni-data-picker/uni-data-picker.vue';
|
|
13
|
+
export { default as UniDataPickerview } from './uni-data-pickerview/uni-data-pickerview.vue';
|
|
14
|
+
export { default as UniDataSelect } from './uni-data-select/uni-data-select.vue';
|
|
15
|
+
export { default as UniDateformat } from './uni-dateformat/uni-dateformat.vue';
|
|
16
|
+
export { default as UniDatetimePicker } from './uni-datetime-picker/uni-datetime-picker.vue';
|
|
17
|
+
export { default as UniDrawer } from './uni-drawer/uni-drawer.vue';
|
|
18
|
+
export { default as UniEasyinput } from './uni-easyinput/uni-easyinput.vue';
|
|
19
|
+
export { default as UniFab } from './uni-fab/uni-fab.vue';
|
|
20
|
+
export { default as UniFav } from './uni-fav/uni-fav.vue';
|
|
21
|
+
export { default as UniFilePicker } from './uni-file-picker/uni-file-picker.vue';
|
|
22
|
+
export { default as UniForms } from './uni-forms/uni-forms.vue';
|
|
23
|
+
export { default as UniFormsItem } from './uni-forms-item/uni-forms-item.vue';
|
|
24
|
+
export { default as UniGoodsNav } from './uni-goods-nav/uni-goods-nav.vue';
|
|
25
|
+
export { default as UniGrid } from './uni-grid/uni-grid.vue';
|
|
26
|
+
export { default as UniGridItem } from './uni-grid-item/uni-grid-item.vue';
|
|
27
|
+
export { default as UniGroup } from './uni-group/uni-group.vue';
|
|
28
|
+
export { default as UniIcons } from './uni-icons/uni-icons.vue';
|
|
29
|
+
export { default as UniIndexedList } from './uni-indexed-list/uni-indexed-list.vue';
|
|
30
|
+
export { default as UniLink } from './uni-link/uni-link.vue';
|
|
31
|
+
export { default as UniList } from './uni-list/uni-list.vue';
|
|
32
|
+
export { default as UniListAd } from './uni-list-ad/uni-list-ad.vue';
|
|
33
|
+
export { default as UniListChat } from './uni-list-chat/uni-list-chat.vue';
|
|
34
|
+
export { default as UniListItem } from './uni-list-item/uni-list-item.vue';
|
|
35
|
+
export { default as UniLoadMore } from './uni-load-more/uni-load-more.vue';
|
|
36
|
+
export { default as UniNavBar } from './uni-nav-bar/uni-nav-bar.vue';
|
|
37
|
+
export { default as UniNoticeBar } from './uni-notice-bar/uni-notice-bar.vue';
|
|
38
|
+
export { default as UniNumberBox } from './uni-number-box/uni-number-box.vue';
|
|
39
|
+
export { default as UniPagination } from './uni-pagination/uni-pagination.vue';
|
|
40
|
+
export { default as UniPopup } from './uni-popup/uni-popup.vue';
|
|
41
|
+
export { default as UniPopupDialog } from './uni-popup-dialog/uni-popup-dialog.vue';
|
|
42
|
+
export { default as UniPopupMessage } from './uni-popup-message/uni-popup-message.vue';
|
|
43
|
+
export { default as UniPopupShare } from './uni-popup-share/uni-popup-share.vue';
|
|
44
|
+
export { default as UniRate } from './uni-rate/uni-rate.vue';
|
|
45
|
+
export { default as UniRow } from './uni-row/uni-row.vue';
|
|
46
|
+
export { default as UniSearchBar } from './uni-search-bar/uni-search-bar.vue';
|
|
47
|
+
export { default as UniSection } from './uni-section/uni-section.vue';
|
|
48
|
+
export { default as UniSegmentedControl } from './uni-segmented-control/uni-segmented-control.vue';
|
|
49
|
+
export { default as UniSteps } from './uni-steps/uni-steps.vue';
|
|
50
|
+
export { default as UniSwipeAction } from './uni-swipe-action/uni-swipe-action.vue';
|
|
51
|
+
export { default as UniSwipeActionItem } from './uni-swipe-action-item/uni-swipe-action-item.vue';
|
|
52
|
+
export { default as UniSwiperDot } from './uni-swiper-dot/uni-swiper-dot.vue';
|
|
53
|
+
export { default as UniTable } from './uni-table/uni-table.vue';
|
|
54
|
+
export { default as UniTag } from './uni-tag/uni-tag.vue';
|
|
55
|
+
export { default as UniTbody } from './uni-tbody/uni-tbody.vue';
|
|
56
|
+
export { default as UniTd } from './uni-td/uni-td.vue';
|
|
57
|
+
export { default as UniTh } from './uni-th/uni-th.vue';
|
|
58
|
+
export { default as UniThead } from './uni-thead/uni-thead.vue';
|
|
59
|
+
export { default as UniTitle } from './uni-title/uni-title.vue';
|
|
60
|
+
export { default as UniTooltip } from './uni-tooltip/uni-tooltip.vue';
|
|
61
|
+
export { default as UniTr } from './uni-tr/uni-tr.vue';
|
|
62
|
+
export { default as UniTransition } from './uni-transition/uni-transition.vue';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
## 1.0.3(2022-01-21)
|
|
2
|
-
- 优化 组件示例
|
|
3
|
-
## 1.0.2(2021-11-22)
|
|
4
|
-
- 修复 / 符号在 vue 不同版本兼容问题引起的报错问题
|
|
5
|
-
## 1.0.1(2021-11-22)
|
|
6
|
-
- 修复 vue3中scss语法兼容问题
|
|
7
|
-
## 1.0.0(2021-11-18)
|
|
8
|
-
- init
|
|
1
|
+
## 1.0.3(2022-01-21)
|
|
2
|
+
- 优化 组件示例
|
|
3
|
+
## 1.0.2(2021-11-22)
|
|
4
|
+
- 修复 / 符号在 vue 不同版本兼容问题引起的报错问题
|
|
5
|
+
## 1.0.1(2021-11-22)
|
|
6
|
+
- 修复 vue3中scss语法兼容问题
|
|
7
|
+
## 1.0.0(2021-11-18)
|
|
8
|
+
- init
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import 'index';
|
|
1
|
+
@import './styles/index.scss';
|
|
@@ -1,82 +1,82 @@
|
|
|
1
|
-
{
|
|
2
|
-
"id": "uni-scss",
|
|
3
|
-
"displayName": "uni-scss 辅助样式",
|
|
4
|
-
"version": "1.0.3",
|
|
5
|
-
"description": "uni-sass是uni-ui提供的一套全局样式 ,通过一些简单的类名和sass变量,实现简单的页面布局操作,比如颜色、边距、圆角等。",
|
|
6
|
-
"keywords": [
|
|
7
|
-
"uni-scss",
|
|
8
|
-
"uni-ui",
|
|
9
|
-
"辅助样式"
|
|
10
|
-
],
|
|
11
|
-
"repository": "https://github.com/dcloudio/uni-ui",
|
|
12
|
-
"engines": {
|
|
13
|
-
"HBuilderX": "^3.1.0"
|
|
14
|
-
},
|
|
15
|
-
"dcloudext": {
|
|
16
|
-
"category": [
|
|
17
|
-
"JS SDK",
|
|
18
|
-
"通用 SDK"
|
|
19
|
-
],
|
|
20
|
-
"sale": {
|
|
21
|
-
"regular": {
|
|
22
|
-
"price": "0.00"
|
|
23
|
-
},
|
|
24
|
-
"sourcecode": {
|
|
25
|
-
"price": "0.00"
|
|
26
|
-
}
|
|
27
|
-
},
|
|
28
|
-
"contact": {
|
|
29
|
-
"qq": ""
|
|
30
|
-
},
|
|
31
|
-
"declaration": {
|
|
32
|
-
"ads": "无",
|
|
33
|
-
"data": "无",
|
|
34
|
-
"permissions": "无"
|
|
35
|
-
},
|
|
36
|
-
"npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
|
|
37
|
-
},
|
|
38
|
-
"uni_modules": {
|
|
39
|
-
"dependencies": [],
|
|
40
|
-
"encrypt": [],
|
|
41
|
-
"platforms": {
|
|
42
|
-
"cloud": {
|
|
43
|
-
"tcb": "y",
|
|
44
|
-
"aliyun": "y"
|
|
45
|
-
},
|
|
46
|
-
"client": {
|
|
47
|
-
"App": {
|
|
48
|
-
"app-vue": "y",
|
|
49
|
-
"app-nvue": "u"
|
|
50
|
-
},
|
|
51
|
-
"H5-mobile": {
|
|
52
|
-
"Safari": "y",
|
|
53
|
-
"Android Browser": "y",
|
|
54
|
-
"微信浏览器(Android)": "y",
|
|
55
|
-
"QQ浏览器(Android)": "y"
|
|
56
|
-
},
|
|
57
|
-
"H5-pc": {
|
|
58
|
-
"Chrome": "y",
|
|
59
|
-
"IE": "y",
|
|
60
|
-
"Edge": "y",
|
|
61
|
-
"Firefox": "y",
|
|
62
|
-
"Safari": "y"
|
|
63
|
-
},
|
|
64
|
-
"小程序": {
|
|
65
|
-
"微信": "y",
|
|
66
|
-
"阿里": "y",
|
|
67
|
-
"百度": "y",
|
|
68
|
-
"字节跳动": "y",
|
|
69
|
-
"QQ": "y"
|
|
70
|
-
},
|
|
71
|
-
"快应用": {
|
|
72
|
-
"华为": "n",
|
|
73
|
-
"联盟": "n"
|
|
74
|
-
},
|
|
75
|
-
"Vue": {
|
|
76
|
-
"vue2": "y",
|
|
77
|
-
"vue3": "y"
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"id": "uni-scss",
|
|
3
|
+
"displayName": "uni-scss 辅助样式",
|
|
4
|
+
"version": "1.0.3",
|
|
5
|
+
"description": "uni-sass是uni-ui提供的一套全局样式 ,通过一些简单的类名和sass变量,实现简单的页面布局操作,比如颜色、边距、圆角等。",
|
|
6
|
+
"keywords": [
|
|
7
|
+
"uni-scss",
|
|
8
|
+
"uni-ui",
|
|
9
|
+
"辅助样式"
|
|
10
|
+
],
|
|
11
|
+
"repository": "https://github.com/dcloudio/uni-ui",
|
|
12
|
+
"engines": {
|
|
13
|
+
"HBuilderX": "^3.1.0"
|
|
14
|
+
},
|
|
15
|
+
"dcloudext": {
|
|
16
|
+
"category": [
|
|
17
|
+
"JS SDK",
|
|
18
|
+
"通用 SDK"
|
|
19
|
+
],
|
|
20
|
+
"sale": {
|
|
21
|
+
"regular": {
|
|
22
|
+
"price": "0.00"
|
|
23
|
+
},
|
|
24
|
+
"sourcecode": {
|
|
25
|
+
"price": "0.00"
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
"contact": {
|
|
29
|
+
"qq": ""
|
|
30
|
+
},
|
|
31
|
+
"declaration": {
|
|
32
|
+
"ads": "无",
|
|
33
|
+
"data": "无",
|
|
34
|
+
"permissions": "无"
|
|
35
|
+
},
|
|
36
|
+
"npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
|
|
37
|
+
},
|
|
38
|
+
"uni_modules": {
|
|
39
|
+
"dependencies": [],
|
|
40
|
+
"encrypt": [],
|
|
41
|
+
"platforms": {
|
|
42
|
+
"cloud": {
|
|
43
|
+
"tcb": "y",
|
|
44
|
+
"aliyun": "y"
|
|
45
|
+
},
|
|
46
|
+
"client": {
|
|
47
|
+
"App": {
|
|
48
|
+
"app-vue": "y",
|
|
49
|
+
"app-nvue": "u"
|
|
50
|
+
},
|
|
51
|
+
"H5-mobile": {
|
|
52
|
+
"Safari": "y",
|
|
53
|
+
"Android Browser": "y",
|
|
54
|
+
"微信浏览器(Android)": "y",
|
|
55
|
+
"QQ浏览器(Android)": "y"
|
|
56
|
+
},
|
|
57
|
+
"H5-pc": {
|
|
58
|
+
"Chrome": "y",
|
|
59
|
+
"IE": "y",
|
|
60
|
+
"Edge": "y",
|
|
61
|
+
"Firefox": "y",
|
|
62
|
+
"Safari": "y"
|
|
63
|
+
},
|
|
64
|
+
"小程序": {
|
|
65
|
+
"微信": "y",
|
|
66
|
+
"阿里": "y",
|
|
67
|
+
"百度": "y",
|
|
68
|
+
"字节跳动": "y",
|
|
69
|
+
"QQ": "y"
|
|
70
|
+
},
|
|
71
|
+
"快应用": {
|
|
72
|
+
"华为": "n",
|
|
73
|
+
"联盟": "n"
|
|
74
|
+
},
|
|
75
|
+
"Vue": {
|
|
76
|
+
"vue2": "y",
|
|
77
|
+
"vue3": "y"
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
`uni-sass` 是 `uni-ui`提供的一套全局样式 ,通过一些简单的类名和`sass`变量,实现简单的页面布局操作,比如颜色、边距、圆角等。
|
|
2
|
-
|
|
3
|
-
### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-sass)
|
|
1
|
+
`uni-sass` 是 `uni-ui`提供的一套全局样式 ,通过一些简单的类名和`sass`变量,实现简单的页面布局操作,比如颜色、边距、圆角等。
|
|
2
|
+
|
|
3
|
+
### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-sass)
|
|
4
4
|
#### 如使用过程中有任何问题,或者您对uni-ui有一些好的建议,欢迎加入 uni-ui 交流群:871950839
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
@import '
|
|
2
|
-
@import '
|
|
3
|
-
@import '
|
|
4
|
-
@import '
|
|
5
|
-
@import '
|
|
6
|
-
@import '
|
|
7
|
-
@import '
|
|
1
|
+
@import './setting/_variables.scss';
|
|
2
|
+
@import './setting/_border.scss';
|
|
3
|
+
@import './setting/_color.scss';
|
|
4
|
+
@import './setting/_space.scss';
|
|
5
|
+
@import './setting/_radius.scss';
|
|
6
|
+
@import './setting/_text.scss';
|
|
7
|
+
@import './setting/_styles.scss';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
.uni-border {
|
|
2
|
-
border: 1px $uni-border-1 solid;
|
|
1
|
+
.uni-border {
|
|
2
|
+
border: 1px $uni-border-1 solid;
|
|
3
3
|
}
|
|
@@ -1,66 +1,66 @@
|
|
|
1
|
-
|
|
2
|
-
// TODO 暂时不需要 class ,需要用户使用变量实现 ,如果使用类名其实并不推荐
|
|
3
|
-
// @mixin get-styles($k,$c) {
|
|
4
|
-
// @if $k == size or $k == weight{
|
|
5
|
-
// font-#{$k}:#{$c}
|
|
6
|
-
// }@else{
|
|
7
|
-
// #{$k}:#{$c}
|
|
8
|
-
// }
|
|
9
|
-
// }
|
|
10
|
-
$uni-ui-color:(
|
|
11
|
-
// 主色
|
|
12
|
-
primary: $uni-primary,
|
|
13
|
-
primary-disable: $uni-primary-disable,
|
|
14
|
-
primary-light: $uni-primary-light,
|
|
15
|
-
// 辅助色
|
|
16
|
-
success: $uni-success,
|
|
17
|
-
success-disable: $uni-success-disable,
|
|
18
|
-
success-light: $uni-success-light,
|
|
19
|
-
warning: $uni-warning,
|
|
20
|
-
warning-disable: $uni-warning-disable,
|
|
21
|
-
warning-light: $uni-warning-light,
|
|
22
|
-
error: $uni-error,
|
|
23
|
-
error-disable: $uni-error-disable,
|
|
24
|
-
error-light: $uni-error-light,
|
|
25
|
-
info: $uni-info,
|
|
26
|
-
info-disable: $uni-info-disable,
|
|
27
|
-
info-light: $uni-info-light,
|
|
28
|
-
// 中性色
|
|
29
|
-
main-color: $uni-main-color,
|
|
30
|
-
base-color: $uni-base-color,
|
|
31
|
-
secondary-color: $uni-secondary-color,
|
|
32
|
-
extra-color: $uni-extra-color,
|
|
33
|
-
// 背景色
|
|
34
|
-
bg-color: $uni-bg-color,
|
|
35
|
-
// 边框颜色
|
|
36
|
-
border-1: $uni-border-1,
|
|
37
|
-
border-2: $uni-border-2,
|
|
38
|
-
border-3: $uni-border-3,
|
|
39
|
-
border-4: $uni-border-4,
|
|
40
|
-
// 黑色
|
|
41
|
-
black:$uni-black,
|
|
42
|
-
// 白色
|
|
43
|
-
white:$uni-white,
|
|
44
|
-
// 透明
|
|
45
|
-
transparent:$uni-transparent
|
|
46
|
-
) !default;
|
|
47
|
-
@each $key, $child in $uni-ui-color {
|
|
48
|
-
.uni-#{"" + $key} {
|
|
49
|
-
color: $child;
|
|
50
|
-
}
|
|
51
|
-
.uni-#{"" + $key}-bg {
|
|
52
|
-
background-color: $child;
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
.uni-shadow-sm {
|
|
56
|
-
box-shadow: $uni-shadow-sm;
|
|
57
|
-
}
|
|
58
|
-
.uni-shadow-base {
|
|
59
|
-
box-shadow: $uni-shadow-base;
|
|
60
|
-
}
|
|
61
|
-
.uni-shadow-lg {
|
|
62
|
-
box-shadow: $uni-shadow-lg;
|
|
63
|
-
}
|
|
64
|
-
.uni-mask {
|
|
65
|
-
background-color:$uni-mask;
|
|
66
|
-
}
|
|
1
|
+
|
|
2
|
+
// TODO 暂时不需要 class ,需要用户使用变量实现 ,如果使用类名其实并不推荐
|
|
3
|
+
// @mixin get-styles($k,$c) {
|
|
4
|
+
// @if $k == size or $k == weight{
|
|
5
|
+
// font-#{$k}:#{$c}
|
|
6
|
+
// }@else{
|
|
7
|
+
// #{$k}:#{$c}
|
|
8
|
+
// }
|
|
9
|
+
// }
|
|
10
|
+
$uni-ui-color:(
|
|
11
|
+
// 主色
|
|
12
|
+
primary: $uni-primary,
|
|
13
|
+
primary-disable: $uni-primary-disable,
|
|
14
|
+
primary-light: $uni-primary-light,
|
|
15
|
+
// 辅助色
|
|
16
|
+
success: $uni-success,
|
|
17
|
+
success-disable: $uni-success-disable,
|
|
18
|
+
success-light: $uni-success-light,
|
|
19
|
+
warning: $uni-warning,
|
|
20
|
+
warning-disable: $uni-warning-disable,
|
|
21
|
+
warning-light: $uni-warning-light,
|
|
22
|
+
error: $uni-error,
|
|
23
|
+
error-disable: $uni-error-disable,
|
|
24
|
+
error-light: $uni-error-light,
|
|
25
|
+
info: $uni-info,
|
|
26
|
+
info-disable: $uni-info-disable,
|
|
27
|
+
info-light: $uni-info-light,
|
|
28
|
+
// 中性色
|
|
29
|
+
main-color: $uni-main-color,
|
|
30
|
+
base-color: $uni-base-color,
|
|
31
|
+
secondary-color: $uni-secondary-color,
|
|
32
|
+
extra-color: $uni-extra-color,
|
|
33
|
+
// 背景色
|
|
34
|
+
bg-color: $uni-bg-color,
|
|
35
|
+
// 边框颜色
|
|
36
|
+
border-1: $uni-border-1,
|
|
37
|
+
border-2: $uni-border-2,
|
|
38
|
+
border-3: $uni-border-3,
|
|
39
|
+
border-4: $uni-border-4,
|
|
40
|
+
// 黑色
|
|
41
|
+
black:$uni-black,
|
|
42
|
+
// 白色
|
|
43
|
+
white:$uni-white,
|
|
44
|
+
// 透明
|
|
45
|
+
transparent:$uni-transparent
|
|
46
|
+
) !default;
|
|
47
|
+
@each $key, $child in $uni-ui-color {
|
|
48
|
+
.uni-#{"" + $key} {
|
|
49
|
+
color: $child;
|
|
50
|
+
}
|
|
51
|
+
.uni-#{"" + $key}-bg {
|
|
52
|
+
background-color: $child;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
.uni-shadow-sm {
|
|
56
|
+
box-shadow: $uni-shadow-sm;
|
|
57
|
+
}
|
|
58
|
+
.uni-shadow-base {
|
|
59
|
+
box-shadow: $uni-shadow-base;
|
|
60
|
+
}
|
|
61
|
+
.uni-shadow-lg {
|
|
62
|
+
box-shadow: $uni-shadow-lg;
|
|
63
|
+
}
|
|
64
|
+
.uni-mask {
|
|
65
|
+
background-color:$uni-mask;
|
|
66
|
+
}
|
|
@@ -1,55 +1,55 @@
|
|
|
1
|
-
@mixin radius($r,$d:null ,$important: false){
|
|
2
|
-
$radius-value:map-get($uni-radius, $r) if($important, !important, null);
|
|
3
|
-
// Key exists within the $uni-radius variable
|
|
4
|
-
@if (map-has-key($uni-radius, $r) and $d){
|
|
5
|
-
@if $d == t {
|
|
6
|
-
border-top-left-radius:$radius-value;
|
|
7
|
-
border-top-right-radius:$radius-value;
|
|
8
|
-
}@else if $d == r {
|
|
9
|
-
border-top-right-radius:$radius-value;
|
|
10
|
-
border-bottom-right-radius:$radius-value;
|
|
11
|
-
}@else if $d == b {
|
|
12
|
-
border-bottom-left-radius:$radius-value;
|
|
13
|
-
border-bottom-right-radius:$radius-value;
|
|
14
|
-
}@else if $d == l {
|
|
15
|
-
border-top-left-radius:$radius-value;
|
|
16
|
-
border-bottom-left-radius:$radius-value;
|
|
17
|
-
}@else if $d == tl {
|
|
18
|
-
border-top-left-radius:$radius-value;
|
|
19
|
-
}@else if $d == tr {
|
|
20
|
-
border-top-right-radius:$radius-value;
|
|
21
|
-
}@else if $d == br {
|
|
22
|
-
border-bottom-right-radius:$radius-value;
|
|
23
|
-
}@else if $d == bl {
|
|
24
|
-
border-bottom-left-radius:$radius-value;
|
|
25
|
-
}
|
|
26
|
-
}@else{
|
|
27
|
-
border-radius:$radius-value;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
@each $key, $child in $uni-radius {
|
|
32
|
-
@if($key){
|
|
33
|
-
.uni-radius-#{"" + $key} {
|
|
34
|
-
@include radius($key)
|
|
35
|
-
}
|
|
36
|
-
}@else{
|
|
37
|
-
.uni-radius {
|
|
38
|
-
@include radius($key)
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
@each $direction in t, r, b, l,tl, tr, br, bl {
|
|
44
|
-
@each $key, $child in $uni-radius {
|
|
45
|
-
@if($key){
|
|
46
|
-
.uni-radius-#{"" + $direction}-#{"" + $key} {
|
|
47
|
-
@include radius($key,$direction,false)
|
|
48
|
-
}
|
|
49
|
-
}@else{
|
|
50
|
-
.uni-radius-#{$direction} {
|
|
51
|
-
@include radius($key,$direction,false)
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
}
|
|
1
|
+
@mixin radius($r,$d:null ,$important: false){
|
|
2
|
+
$radius-value:map-get($uni-radius, $r) if($important, !important, null);
|
|
3
|
+
// Key exists within the $uni-radius variable
|
|
4
|
+
@if (map-has-key($uni-radius, $r) and $d){
|
|
5
|
+
@if $d == t {
|
|
6
|
+
border-top-left-radius:$radius-value;
|
|
7
|
+
border-top-right-radius:$radius-value;
|
|
8
|
+
}@else if $d == r {
|
|
9
|
+
border-top-right-radius:$radius-value;
|
|
10
|
+
border-bottom-right-radius:$radius-value;
|
|
11
|
+
}@else if $d == b {
|
|
12
|
+
border-bottom-left-radius:$radius-value;
|
|
13
|
+
border-bottom-right-radius:$radius-value;
|
|
14
|
+
}@else if $d == l {
|
|
15
|
+
border-top-left-radius:$radius-value;
|
|
16
|
+
border-bottom-left-radius:$radius-value;
|
|
17
|
+
}@else if $d == tl {
|
|
18
|
+
border-top-left-radius:$radius-value;
|
|
19
|
+
}@else if $d == tr {
|
|
20
|
+
border-top-right-radius:$radius-value;
|
|
21
|
+
}@else if $d == br {
|
|
22
|
+
border-bottom-right-radius:$radius-value;
|
|
23
|
+
}@else if $d == bl {
|
|
24
|
+
border-bottom-left-radius:$radius-value;
|
|
25
|
+
}
|
|
26
|
+
}@else{
|
|
27
|
+
border-radius:$radius-value;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
@each $key, $child in $uni-radius {
|
|
32
|
+
@if($key){
|
|
33
|
+
.uni-radius-#{"" + $key} {
|
|
34
|
+
@include radius($key)
|
|
35
|
+
}
|
|
36
|
+
}@else{
|
|
37
|
+
.uni-radius {
|
|
38
|
+
@include radius($key)
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
@each $direction in t, r, b, l,tl, tr, br, bl {
|
|
44
|
+
@each $key, $child in $uni-radius {
|
|
45
|
+
@if($key){
|
|
46
|
+
.uni-radius-#{"" + $direction}-#{"" + $key} {
|
|
47
|
+
@include radius($key,$direction,false)
|
|
48
|
+
}
|
|
49
|
+
}@else{
|
|
50
|
+
.uni-radius-#{$direction} {
|
|
51
|
+
@include radius($key,$direction,false)
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
}
|