2026.3.26
使用ucharts图表，兼容app 每个图表组件添加:canvas2d="false" 加载方法改成onMounted
This commit is contained in:
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
+1
-1
@@ -1 +1 @@
|
||||
{"version":3,"file":"u-cell-group.js","sources":["uni_modules/uview-pro/components/u-cell-group/u-cell-group.vue","D:/Development Kit/HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RTovQ09NUEFOWVBST0pFQ1QvQVBQL0NOQ0VDX0FQUC91bmlfbW9kdWxlcy91dmlldy1wcm8vY29tcG9uZW50cy91LWNlbGwtZ3JvdXAvdS1jZWxsLWdyb3VwLnZ1ZQ"],"sourcesContent":["<template>\r\n <view class=\"u-cell-box\" :class=\"customClass\" :style=\"$u.toStyle(customStyle)\">\r\n <view class=\"u-cell-title\" v-if=\"title\" :style=\"[titleStyle]\">\r\n {{ title }}\r\n </view>\r\n <view class=\"u-cell-item-box\" :class=\"{ 'u-border-bottom u-border-top': border }\">\r\n <slot />\r\n </view>\r\n </view>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nexport default {\r\n name: 'u-cell-group',\r\n options: {\r\n addGlobalClass: true,\r\n\r\n virtualHost: true,\r\n\r\n styleIsolation: 'shared'\r\n }\r\n};\r\n</script>\r\n\r\n<script setup lang=\"ts\">\r\nimport { CellGroupProps } from './types';\r\nimport { $u } from '../..';\r\n\r\n/**\r\n * cellGroup 单元格父组件Group\r\n * @description cell单元格一般用于一组列表的情况，比如个人中心页，设置页等。搭配u-cell-item\r\n * @tutorial https://uviewpro.cn/zh/components/cell.html\r\n * @property {String} title 分组标题\r\n * @property {Boolean} border 是否显示外边框（默认true）\r\n * @property {Object} title-style 分组标题的的样式，对象形式，如{'font-size': '24rpx'} 或 {'fontSize': '24rpx'}\r\n * @example <u-cell-group title=\"设置喜好\">\r\n */\r\n\r\ndefineProps(CellGroupProps);\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import '../../libs/css/style.components.scss';\r\n\r\n.u-cell-box {\r\n width: 100%;\r\n}\r\n\r\n.u-cell-title {\r\n padding: 30rpx 32rpx 10rpx 32rpx;\r\n font-size: 30rpx;\r\n text-align: left;\r\n color: $u-tips-color;\r\n}\r\n\r\n.u-cell-item-box {\r\n background-color: var(--u-bg-white);\r\n flex-direction: row;\r\n}\r\n</style>\r\n","import Component from 'E:/COMPANYPROJECT/APP/CNCEC_APP/uni_modules/uview-pro/components/u-cell-group/u-cell-group.vue'\nwx.createComponent(Component)"],"names":[],"mappings":";;;;;;AAYA,MAAA,cAAe;AAAA,EACX,MAAM;AAAA,EACN,SAAS;AAAA,IACL,gBAAgB;AAAA,IAEhB,aAAa;AAAA,IAEb,gBAAgB;AAAA,EACpB;AACJ;;;;;;;;;;;;;;;;;;;;ACpBA,GAAG,gBAAgB,SAAS;"}
|
||||
{"version":3,"file":"u-cell-group.js","sources":["uni_modules/uview-pro/components/u-cell-group/u-cell-group.vue","../../../APP/HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RDov6Jma5oufQ-ebmC9uYmQvQ05DRUNfQVBQL3VuaV9tb2R1bGVzL3V2aWV3LXByby9jb21wb25lbnRzL3UtY2VsbC1ncm91cC91LWNlbGwtZ3JvdXAudnVl"],"sourcesContent":["<template>\r\n <view class=\"u-cell-box\" :class=\"customClass\" :style=\"$u.toStyle(customStyle)\">\r\n <view class=\"u-cell-title\" v-if=\"title\" :style=\"[titleStyle]\">\r\n {{ title }}\r\n </view>\r\n <view class=\"u-cell-item-box\" :class=\"{ 'u-border-bottom u-border-top': border }\">\r\n <slot />\r\n </view>\r\n </view>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nexport default {\r\n name: 'u-cell-group',\r\n options: {\r\n addGlobalClass: true,\r\n\r\n virtualHost: true,\r\n\r\n styleIsolation: 'shared'\r\n }\r\n};\r\n</script>\r\n\r\n<script setup lang=\"ts\">\r\nimport { CellGroupProps } from './types';\r\nimport { $u } from '../..';\r\n\r\n/**\r\n * cellGroup 单元格父组件Group\r\n * @description cell单元格一般用于一组列表的情况，比如个人中心页，设置页等。搭配u-cell-item\r\n * @tutorial https://uviewpro.cn/zh/components/cell.html\r\n * @property {String} title 分组标题\r\n * @property {Boolean} border 是否显示外边框（默认true）\r\n * @property {Object} title-style 分组标题的的样式，对象形式，如{'font-size': '24rpx'} 或 {'fontSize': '24rpx'}\r\n * @example <u-cell-group title=\"设置喜好\">\r\n */\r\n\r\ndefineProps(CellGroupProps);\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import '../../libs/css/style.components.scss';\r\n\r\n.u-cell-box {\r\n width: 100%;\r\n}\r\n\r\n.u-cell-title {\r\n padding: 30rpx 32rpx 10rpx 32rpx;\r\n font-size: 30rpx;\r\n text-align: left;\r\n color: $u-tips-color;\r\n}\r\n\r\n.u-cell-item-box {\r\n background-color: var(--u-bg-white);\r\n flex-direction: row;\r\n}\r\n</style>\r\n","import Component from 'D:/虚拟C盘/nbd/CNCEC_APP/uni_modules/uview-pro/components/u-cell-group/u-cell-group.vue'\nwx.createComponent(Component)"],"names":[],"mappings":";;;;;;AAYA,MAAA,cAAe;AAAA,EACX,MAAM;AAAA,EACN,SAAS;AAAA,IACL,gBAAgB;AAAA,IAEhB,aAAa;AAAA,IAEb,gBAAgB;AAAA,EACpB;AACJ;;;;;;;;;;;;;;;;;;;;ACpBA,GAAG,gBAAgB,SAAS;"}
|
||||
+1
-1
File diff suppressed because one or more lines are too long
+1
-1
@@ -1 +1 @@
|
||||
{"version":3,"file":"u-grid-item.js","sources":["uni_modules/uview-pro/components/u-grid-item/u-grid-item.vue","D:/Development Kit/HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RTovQ09NUEFOWVBST0pFQ1QvQVBQL0NOQ0VDX0FQUC91bmlfbW9kdWxlcy91dmlldy1wcm8vY29tcG9uZW50cy91LWdyaWQtaXRlbS91LWdyaWQtaXRlbS52dWU"],"sourcesContent":["<template>\r\n <view\r\n class=\"u-grid-item\"\r\n :class=\"customClass\"\r\n :hover-class=\"hoverClass\"\r\n :hover-stay-time=\"200\"\r\n @tap=\"click\"\r\n :style=\"\r\n $u.toStyle(\r\n {\r\n background: bgColor,\r\n width: width\r\n },\r\n customStyle\r\n )\r\n \"\r\n >\r\n <view class=\"u-grid-item-box\" :style=\"[customStyle]\" :class=\"[border ? 'u-border-right u-border-bottom' : '']\">\r\n <slot />\r\n </view>\r\n </view>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nexport default {\r\n name: 'u-grid-item',\r\n options: {\r\n addGlobalClass: true,\r\n\r\n virtualHost: true,\r\n\r\n styleIsolation: 'shared'\r\n }\r\n};\r\n</script>\r\n\r\n<script setup lang=\"ts\">\r\nimport { GridItemProps } from './types';\r\nimport { computed } from 'vue';\r\nimport { $u, useChildren } from '../..';\r\n\r\n/**\r\n * gridItem 宫格项\r\n * @description 宫格组件一般用于同时展示多个同类项目的场景，可以给宫格的项目设置徽标组件(badge)，或者图标等，也可以扩展为左右滑动的轮播形式。搭配u-grid使用\r\n * @tutorial https://uviewpro.cn/zh/components/grid.html\r\n * @property {String} bg-color 宫格的背景颜色（默认var(--u-bg-white)）\r\n * @property {String|Number} index 点击宫格时，返回的值\r\n * @property {Object} custom-style 自定义样式，对象形式\r\n * @event {Function} click 点击宫格触发\r\n * @example <u-grid-item></u-grid-item>\r\n */\r\n\r\nconst props = defineProps(GridItemProps);\r\nconst { parentExposed } = useChildren('u-grid-item', 'u-grid');\r\nconst emit = defineEmits(['click']);\r\n\r\n// 宫格按压时的样式类，\"none\"为无效果\r\nconst hoverClass = computed(() => {\r\n return parentExposed?.value?.props?.hoverClass ?? '';\r\n});\r\n\r\n// 是否显示边框\r\nconst border = computed(() => {\r\n return parentExposed?.value?.props?.border ?? true;\r\n});\r\n\r\n// 分成几列\r\nconst col = computed(() => {\r\n return parentExposed?.value?.props?.col ?? 3;\r\n});\r\n\r\n// 计算每个grid-item的宽度\r\nconst width = computed(() => 100 / Number(col.value) + '%');\r\n\r\n/**\r\n * 点击宫格\r\n */\r\nfunction click() {\r\n emit('click', props.index);\r\n parentExposed?.value?.click(props.index);\r\n}\r\n\r\ndefineExpose({ click });\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n@import '../../libs/css/style.components.scss';\r\n\r\n.u-grid-item {\r\n box-sizing: border-box;\r\n background-color: var(--u-bg-white);\r\n @include vue-flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n flex-direction: column;\r\n\r\n\r\n position: relative;\r\n float: left;\r\n\r\n}\r\n\r\n.u-grid-item-hover {\r\n background: var(--u-bg-gray-light) !important;\r\n}\r\n\r\n.u-grid-marker-box {\r\n position: absolute;\r\n\r\n display: inline-flex;\r\n\r\n line-height: 0;\r\n}\r\n\r\n.u-grid-marker-wrap {\r\n position: absolute;\r\n}\r\n\r\n.u-grid-item-box {\r\n padding: 30rpx 0;\r\n @include vue-flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n flex: 1;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n</style>\r\n","import Component from 'E:/COMPANYPROJECT/APP/CNCEC_APP/uni_modules/uview-pro/components/u-grid-item/u-grid-item.vue'\nwx.createComponent(Component)"],"names":["useChildren","computed"],"mappings":";;;;;;;AAwBA,MAAA,cAAe;AAAA,EACX,MAAM;AAAA,EACN,SAAS;AAAA,IACL,gBAAgB;AAAA,IAEhB,aAAa;AAAA,IAEb,gBAAgB;AAAA,EACpB;AACJ;;;;;;AAmBA,UAAM,QAAQ;AACd,UAAM,EAAE,cAAkB,IAAAA,gDAAA,YAAY,eAAe,QAAQ;AAC7D,UAAM,OAAO;AAGP,UAAA,aAAaC,cAAAA,SAAS,MAAM;;AACvB,eAAA,0DAAe,UAAf,mBAAsB,UAAtB,mBAA6B,eAAc;AAAA,IAAA,CACrD;AAGK,UAAA,SAASA,cAAAA,SAAS,MAAM;;AACnB,eAAA,0DAAe,UAAf,mBAAsB,UAAtB,mBAA6B,WAAU;AAAA,IAAA,CACjD;AAGK,UAAA,MAAMA,cAAAA,SAAS,MAAM;;AAChB,eAAA,0DAAe,UAAf,mBAAsB,UAAtB,mBAA6B,QAAO;AAAA,IAAA,CAC9C;AAGK,UAAA,QAAQA,uBAAS,MAAM,MAAM,OAAO,IAAI,KAAK,IAAI,GAAG;AAK1D,aAAS,QAAQ;;AACR,WAAA,SAAS,MAAM,KAAK;AACV,2DAAA,UAAA,mBAAO,MAAM,MAAM;AAAA,IACtC;AAEa,aAAA,EAAE,OAAO;;;;;;;;;;;;;;;;;ACjFtB,GAAG,gBAAgB,SAAS;"}
|
||||
{"version":3,"file":"u-grid-item.js","sources":["uni_modules/uview-pro/components/u-grid-item/u-grid-item.vue","../../../APP/HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RDov6Jma5oufQ-ebmC9uYmQvQ05DRUNfQVBQL3VuaV9tb2R1bGVzL3V2aWV3LXByby9jb21wb25lbnRzL3UtZ3JpZC1pdGVtL3UtZ3JpZC1pdGVtLnZ1ZQ"],"sourcesContent":["<template>\r\n <view\r\n class=\"u-grid-item\"\r\n :class=\"customClass\"\r\n :hover-class=\"hoverClass\"\r\n :hover-stay-time=\"200\"\r\n @tap=\"click\"\r\n :style=\"\r\n $u.toStyle(\r\n {\r\n background: bgColor,\r\n width: width\r\n },\r\n customStyle\r\n )\r\n \"\r\n >\r\n <view class=\"u-grid-item-box\" :style=\"[customStyle]\" :class=\"[border ? 'u-border-right u-border-bottom' : '']\">\r\n <slot />\r\n </view>\r\n </view>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nexport default {\r\n name: 'u-grid-item',\r\n options: {\r\n addGlobalClass: true,\r\n\r\n virtualHost: true,\r\n\r\n styleIsolation: 'shared'\r\n }\r\n};\r\n</script>\r\n\r\n<script setup lang=\"ts\">\r\nimport { GridItemProps } from './types';\r\nimport { computed } from 'vue';\r\nimport { $u, useChildren } from '../..';\r\n\r\n/**\r\n * gridItem 宫格项\r\n * @description 宫格组件一般用于同时展示多个同类项目的场景，可以给宫格的项目设置徽标组件(badge)，或者图标等，也可以扩展为左右滑动的轮播形式。搭配u-grid使用\r\n * @tutorial https://uviewpro.cn/zh/components/grid.html\r\n * @property {String} bg-color 宫格的背景颜色（默认var(--u-bg-white)）\r\n * @property {String|Number} index 点击宫格时，返回的值\r\n * @property {Object} custom-style 自定义样式，对象形式\r\n * @event {Function} click 点击宫格触发\r\n * @example <u-grid-item></u-grid-item>\r\n */\r\n\r\nconst props = defineProps(GridItemProps);\r\nconst { parentExposed } = useChildren('u-grid-item', 'u-grid');\r\nconst emit = defineEmits(['click']);\r\n\r\n// 宫格按压时的样式类，\"none\"为无效果\r\nconst hoverClass = computed(() => {\r\n return parentExposed?.value?.props?.hoverClass ?? '';\r\n});\r\n\r\n// 是否显示边框\r\nconst border = computed(() => {\r\n return parentExposed?.value?.props?.border ?? true;\r\n});\r\n\r\n// 分成几列\r\nconst col = computed(() => {\r\n return parentExposed?.value?.props?.col ?? 3;\r\n});\r\n\r\n// 计算每个grid-item的宽度\r\nconst width = computed(() => 100 / Number(col.value) + '%');\r\n\r\n/**\r\n * 点击宫格\r\n */\r\nfunction click() {\r\n emit('click', props.index);\r\n parentExposed?.value?.click(props.index);\r\n}\r\n\r\ndefineExpose({ click });\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n@import '../../libs/css/style.components.scss';\r\n\r\n.u-grid-item {\r\n box-sizing: border-box;\r\n background-color: var(--u-bg-white);\r\n @include vue-flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n flex-direction: column;\r\n\r\n\r\n position: relative;\r\n float: left;\r\n\r\n}\r\n\r\n.u-grid-item-hover {\r\n background: var(--u-bg-gray-light) !important;\r\n}\r\n\r\n.u-grid-marker-box {\r\n position: absolute;\r\n\r\n display: inline-flex;\r\n\r\n line-height: 0;\r\n}\r\n\r\n.u-grid-marker-wrap {\r\n position: absolute;\r\n}\r\n\r\n.u-grid-item-box {\r\n padding: 30rpx 0;\r\n @include vue-flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n flex: 1;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n</style>\r\n","import Component from 'D:/虚拟C盘/nbd/CNCEC_APP/uni_modules/uview-pro/components/u-grid-item/u-grid-item.vue'\nwx.createComponent(Component)"],"names":["useChildren","computed"],"mappings":";;;;;;;AAwBA,MAAA,cAAe;AAAA,EACX,MAAM;AAAA,EACN,SAAS;AAAA,IACL,gBAAgB;AAAA,IAEhB,aAAa;AAAA,IAEb,gBAAgB;AAAA,EACpB;AACJ;;;;;;AAmBA,UAAM,QAAQ;AACd,UAAM,EAAE,cAAkB,IAAAA,gDAAA,YAAY,eAAe,QAAQ;AAC7D,UAAM,OAAO;AAGP,UAAA,aAAaC,cAAAA,SAAS,MAAM;;AACvB,eAAA,0DAAe,UAAf,mBAAsB,UAAtB,mBAA6B,eAAc;AAAA,IAAA,CACrD;AAGK,UAAA,SAASA,cAAAA,SAAS,MAAM;;AACnB,eAAA,0DAAe,UAAf,mBAAsB,UAAtB,mBAA6B,WAAU;AAAA,IAAA,CACjD;AAGK,UAAA,MAAMA,cAAAA,SAAS,MAAM;;AAChB,eAAA,0DAAe,UAAf,mBAAsB,UAAtB,mBAA6B,QAAO;AAAA,IAAA,CAC9C;AAGK,UAAA,QAAQA,uBAAS,MAAM,MAAM,OAAO,IAAI,KAAK,IAAI,GAAG;AAK1D,aAAS,QAAQ;;AACR,WAAA,SAAS,MAAM,KAAK;AACV,2DAAA,UAAA,mBAAO,MAAM,MAAM;AAAA,IACtC;AAEa,aAAA,EAAE,OAAO;;;;;;;;;;;;;;;;;ACjFtB,GAAG,gBAAgB,SAAS;"}
|
||||
Vendored
+1
-1
@@ -1 +1 @@
|
||||
{"version":3,"file":"u-grid.js","sources":["uni_modules/uview-pro/components/u-grid/u-grid.vue","D:/Development Kit/HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RTovQ09NUEFOWVBST0pFQ1QvQVBQL0NOQ0VDX0FQUC91bmlfbW9kdWxlcy91dmlldy1wcm8vY29tcG9uZW50cy91LWdyaWQvdS1ncmlkLnZ1ZQ"],"sourcesContent":["<template>\r\n <view\r\n class=\"u-grid\"\r\n :class=\"{ 'u-border-top u-border-left': border, customClass }\"\r\n :style=\"$u.toStyle(gridStyle, customStyle)\"\r\n >\r\n <slot />\r\n </view>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nexport default {\r\n name: 'u-grid',\r\n options: {\r\n addGlobalClass: true,\r\n\r\n virtualHost: true,\r\n\r\n styleIsolation: 'shared'\r\n }\r\n};\r\n</script>\r\n\r\n<script setup lang=\"ts\">\r\nimport { useParent, $u } from '../../';\r\nimport { GridProps } from './types';\r\nimport { computed } from 'vue';\r\n\r\n/**\r\n * grid 宫格布局\r\n * @description 宫格组件一般用于同时展示多个同类项目的场景，可以给宫格的项目设置徽标组件(badge)，或者图标等，也可以扩展为左右滑动的轮播形式。\r\n * @tutorial https://uviewpro.cn/zh/components/grid.html\r\n * @property {String|Number} col 宫格的列数（默认3）\r\n * @property {Boolean} border 是否显示宫格的边框（默认true）\r\n * @property {Boolean} hover-class 点击宫格的时候，是否显示按下的灰色背景（默认false）\r\n * @event {Function} click 点击宫格触发\r\n * @example <u-grid :col=\"3\" @click=\"click\"></u-grid>\r\n */\r\n\r\nconst props = defineProps(GridProps);\r\nconst emit = defineEmits(['click']);\r\nuseParent('u-grid');\r\n\r\n// 宫格对齐方式\r\nconst gridStyle = computed(() => {\r\n const style: Record<string, string> = {};\r\n switch (props.align) {\r\n case 'left':\r\n style.justifyContent = 'flex-start';\r\n break;\r\n case 'center':\r\n style.justifyContent = 'center';\r\n break;\r\n case 'right':\r\n style.justifyContent = 'flex-end';\r\n break;\r\n default:\r\n style.justifyContent = 'flex-start';\r\n }\r\n return style;\r\n});\r\n\r\n/**\r\n * 点击宫格\r\n * @param index 子项索引\r\n */\r\nfunction click(index: number) {\r\n emit('click', index);\r\n}\r\n\r\ndefineExpose({ click, props });\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n@import '../../libs/css/style.components.scss';\r\n\r\n.u-grid {\r\n width: 100%;\r\n\tbackground-color: #ffffff;\r\n\r\n position: relative;\r\n box-sizing: border-box;\r\n overflow: hidden;\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n}\r\n</style>\r\n","import Component from 'E:/COMPANYPROJECT/APP/CNCEC_APP/uni_modules/uview-pro/components/u-grid/u-grid.vue'\nwx.createComponent(Component)"],"names":["useParent","computed"],"mappings":";;;;;;;AAWA,MAAA,cAAe;AAAA,EACX,MAAM;AAAA,EACN,SAAS;AAAA,IACL,gBAAgB;AAAA,IAEhB,aAAa;AAAA,IAEb,gBAAgB;AAAA,EACpB;AACJ;;;;;;AAmBA,UAAM,QAAQ;AACd,UAAM,OAAO;AACbA,oDAAA,UAAU,QAAQ;AAGZ,UAAA,YAAYC,cAAAA,SAAS,MAAM;AAC7B,YAAM,QAAgC,CAAA;AACtC,cAAQ,MAAM,OAAO;AAAA,QACjB,KAAK;AACD,gBAAM,iBAAiB;AACvB;AAAA,QACJ,KAAK;AACD,gBAAM,iBAAiB;AACvB;AAAA,QACJ,KAAK;AACD,gBAAM,iBAAiB;AACvB;AAAA,QACJ;AACI,gBAAM,iBAAiB;AAAA,MAC/B;AACO,aAAA;AAAA,IAAA,CACV;AAMD,aAAS,MAAM,OAAe;AAC1B,WAAK,SAAS,KAAK;AAAA,IACvB;AAEa,aAAA,EAAE,OAAO,MAAA,CAAO;;;;;;;;;;;ACrE7B,GAAG,gBAAgB,SAAS;"}
|
||||
{"version":3,"file":"u-grid.js","sources":["uni_modules/uview-pro/components/u-grid/u-grid.vue","../../../APP/HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RDov6Jma5oufQ-ebmC9uYmQvQ05DRUNfQVBQL3VuaV9tb2R1bGVzL3V2aWV3LXByby9jb21wb25lbnRzL3UtZ3JpZC91LWdyaWQudnVl"],"sourcesContent":["<template>\r\n <view\r\n class=\"u-grid\"\r\n :class=\"{ 'u-border-top u-border-left': border, customClass }\"\r\n :style=\"$u.toStyle(gridStyle, customStyle)\"\r\n >\r\n <slot />\r\n </view>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nexport default {\r\n name: 'u-grid',\r\n options: {\r\n addGlobalClass: true,\r\n\r\n virtualHost: true,\r\n\r\n styleIsolation: 'shared'\r\n }\r\n};\r\n</script>\r\n\r\n<script setup lang=\"ts\">\r\nimport { useParent, $u } from '../../';\r\nimport { GridProps } from './types';\r\nimport { computed } from 'vue';\r\n\r\n/**\r\n * grid 宫格布局\r\n * @description 宫格组件一般用于同时展示多个同类项目的场景，可以给宫格的项目设置徽标组件(badge)，或者图标等，也可以扩展为左右滑动的轮播形式。\r\n * @tutorial https://uviewpro.cn/zh/components/grid.html\r\n * @property {String|Number} col 宫格的列数（默认3）\r\n * @property {Boolean} border 是否显示宫格的边框（默认true）\r\n * @property {Boolean} hover-class 点击宫格的时候，是否显示按下的灰色背景（默认false）\r\n * @event {Function} click 点击宫格触发\r\n * @example <u-grid :col=\"3\" @click=\"click\"></u-grid>\r\n */\r\n\r\nconst props = defineProps(GridProps);\r\nconst emit = defineEmits(['click']);\r\nuseParent('u-grid');\r\n\r\n// 宫格对齐方式\r\nconst gridStyle = computed(() => {\r\n const style: Record<string, string> = {};\r\n switch (props.align) {\r\n case 'left':\r\n style.justifyContent = 'flex-start';\r\n break;\r\n case 'center':\r\n style.justifyContent = 'center';\r\n break;\r\n case 'right':\r\n style.justifyContent = 'flex-end';\r\n break;\r\n default:\r\n style.justifyContent = 'flex-start';\r\n }\r\n return style;\r\n});\r\n\r\n/**\r\n * 点击宫格\r\n * @param index 子项索引\r\n */\r\nfunction click(index: number) {\r\n emit('click', index);\r\n}\r\n\r\ndefineExpose({ click, props });\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n@import '../../libs/css/style.components.scss';\r\n\r\n.u-grid {\r\n width: 100%;\r\n\tbackground-color: #ffffff;\r\n\r\n position: relative;\r\n box-sizing: border-box;\r\n overflow: hidden;\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n}\r\n</style>\r\n","import Component from 'D:/虚拟C盘/nbd/CNCEC_APP/uni_modules/uview-pro/components/u-grid/u-grid.vue'\nwx.createComponent(Component)"],"names":["useParent","computed"],"mappings":";;;;;;;AAWA,MAAA,cAAe;AAAA,EACX,MAAM;AAAA,EACN,SAAS;AAAA,IACL,gBAAgB;AAAA,IAEhB,aAAa;AAAA,IAEb,gBAAgB;AAAA,EACpB;AACJ;;;;;;AAmBA,UAAM,QAAQ;AACd,UAAM,OAAO;AACbA,oDAAA,UAAU,QAAQ;AAGZ,UAAA,YAAYC,cAAAA,SAAS,MAAM;AAC7B,YAAM,QAAgC,CAAA;AACtC,cAAQ,MAAM,OAAO;AAAA,QACjB,KAAK;AACD,gBAAM,iBAAiB;AACvB;AAAA,QACJ,KAAK;AACD,gBAAM,iBAAiB;AACvB;AAAA,QACJ,KAAK;AACD,gBAAM,iBAAiB;AACvB;AAAA,QACJ;AACI,gBAAM,iBAAiB;AAAA,MAC/B;AACO,aAAA;AAAA,IAAA,CACV;AAMD,aAAS,MAAM,OAAe;AAC1B,WAAK,SAAS,KAAK;AAAA,IACvB;AAEa,aAAA,EAAE,OAAO,MAAA,CAAO;;;;;;;;;;;ACrE7B,GAAG,gBAAgB,SAAS;"}
|
||||
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
+1
-1
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user