首页下载资源前端`diy-uview-ui` 是基于`uview-ui 1.8.3` 版本改造兼容uniapp vue3插件库

ZIP`diy-uview-ui` 是基于`uview-ui 1.8.3` 版本改造兼容uniapp vue3插件库

luck332849.81KB需要积分:1

资源文件列表:

diy-uview-ui.zip 大约有408个文件
  1. changelog.md 5.14KB
  2. components/diy-areainput/
  3. components/diy-areainput/diy-areainput.vue 12.3KB
  4. components/diy-audio/
  5. components/diy-audio/diy-audio.vue 6.7KB
  6. components/diy-barcode/
  7. components/diy-barcode/diy-barcode.vue 2.11KB
  8. components/diy-barcode/jsbarcode/
  9. components/diy-barcode/jsbarcode/barcodes/
  10. components/diy-barcode/jsbarcode/barcodes/Barcode.js 156B
  11. components/diy-barcode/jsbarcode/barcodes/codabar/
  12. components/diy-barcode/jsbarcode/barcodes/codabar/index.js 1.27KB
  13. components/diy-barcode/jsbarcode/barcodes/CODE128/
  14. components/diy-barcode/jsbarcode/barcodes/CODE128/auto.js 1.95KB
  15. components/diy-barcode/jsbarcode/barcodes/CODE128/CODE128.js 3.2KB
  16. components/diy-barcode/jsbarcode/barcodes/CODE128/CODE128_AUTO.js 338B
  17. components/diy-barcode/jsbarcode/barcodes/CODE128/CODE128A.js 298B
  18. components/diy-barcode/jsbarcode/barcodes/CODE128/CODE128B.js 298B
  19. components/diy-barcode/jsbarcode/barcodes/CODE128/CODE128C.js 298B
  20. components/diy-barcode/jsbarcode/barcodes/CODE128/constants.js 2.75KB
  21. components/diy-barcode/jsbarcode/barcodes/CODE128/index.js 204B
  22. components/diy-barcode/jsbarcode/barcodes/CODE39/
  23. components/diy-barcode/jsbarcode/barcodes/CODE39/index.js 2.16KB
  24. components/diy-barcode/jsbarcode/barcodes/EAN_UPC/
  25. components/diy-barcode/jsbarcode/barcodes/EAN_UPC/constants.js 1.3KB
  26. components/diy-barcode/jsbarcode/barcodes/EAN_UPC/EAN.js 1.54KB
  27. components/diy-barcode/jsbarcode/barcodes/EAN_UPC/EAN13.js 1.88KB
  28. components/diy-barcode/jsbarcode/barcodes/EAN_UPC/EAN2.js 641B
  29. components/diy-barcode/jsbarcode/barcodes/EAN_UPC/EAN5.js 723B
  30. components/diy-barcode/jsbarcode/barcodes/EAN_UPC/EAN8.js 976B
  31. components/diy-barcode/jsbarcode/barcodes/EAN_UPC/encoder.js 433B
  32. components/diy-barcode/jsbarcode/barcodes/EAN_UPC/index.js 226B
  33. components/diy-barcode/jsbarcode/barcodes/EAN_UPC/UPC.js 2.71KB
  34. components/diy-barcode/jsbarcode/barcodes/EAN_UPC/UPCE.js 3.74KB
  35. components/diy-barcode/jsbarcode/barcodes/GenericBarcode/
  36. components/diy-barcode/jsbarcode/barcodes/GenericBarcode/index.js 463B
  37. components/diy-barcode/jsbarcode/barcodes/index.js 583B
  38. components/diy-barcode/jsbarcode/barcodes/ITF/
  39. components/diy-barcode/jsbarcode/barcodes/ITF/constants.js 187B
  40. components/diy-barcode/jsbarcode/barcodes/ITF/index.js 78B
  41. components/diy-barcode/jsbarcode/barcodes/ITF/ITF.js 703B
  42. components/diy-barcode/jsbarcode/barcodes/ITF/ITF14.js 618B
  43. components/diy-barcode/jsbarcode/barcodes/MSI/
  44. components/diy-barcode/jsbarcode/barcodes/MSI/checksums.js 523B
  45. components/diy-barcode/jsbarcode/barcodes/MSI/index.js 211B
  46. components/diy-barcode/jsbarcode/barcodes/MSI/MSI.js 909B
  47. components/diy-barcode/jsbarcode/barcodes/MSI/MSI10.js 187B
  48. components/diy-barcode/jsbarcode/barcodes/MSI/MSI1010.js 223B
  49. components/diy-barcode/jsbarcode/barcodes/MSI/MSI11.js 187B
  50. components/diy-barcode/jsbarcode/barcodes/MSI/MSI1110.js 230B
  51. components/diy-barcode/jsbarcode/barcodes/pharmacode/
  52. components/diy-barcode/jsbarcode/barcodes/pharmacode/index.js 815B
  53. components/diy-barcode/jsbarcode/exceptions/
  54. components/diy-barcode/jsbarcode/exceptions/ErrorHandler.js 660B
  55. components/diy-barcode/jsbarcode/exceptions/exceptions.js 674B
  56. components/diy-barcode/jsbarcode/help/
  57. components/diy-barcode/jsbarcode/help/fixOptions.js 342B
  58. components/diy-barcode/jsbarcode/help/getOptionsFromElement.js 856B
  59. components/diy-barcode/jsbarcode/help/getRenderProperties.js 1.44KB
  60. components/diy-barcode/jsbarcode/help/linearizeEncodings.js 517B
  61. components/diy-barcode/jsbarcode/help/merge.js 65B
  62. components/diy-barcode/jsbarcode/help/optionsFromStrings.js 662B
  63. components/diy-barcode/jsbarcode/JsBarcode.js 5.71KB
  64. components/diy-barcode/jsbarcode/options/
  65. components/diy-barcode/jsbarcode/options/defaults.js 422B
  66. components/diy-barcode/jsbarcode/renderers/
  67. components/diy-barcode/jsbarcode/renderers/canvas.js 3.71KB
  68. components/diy-barcode/jsbarcode/renderers/index.js 183B
  69. components/diy-barcode/jsbarcode/renderers/object.js 242B
  70. components/diy-barcode/jsbarcode/renderers/shared.js 2.57KB
  71. components/diy-barcode/jsbarcode/renderers/svg.js 4.33KB
  72. components/diy-calendar/
  73. components/diy-calendar/diy-calendar.vue 15.67KB
  74. components/diy-calendar/generateDates.js 3.87KB
  75. components/diy-car-input/
  76. components/diy-car-input/diy-car-input.vue 13.22KB
  77. components/diy-checkbox/
  78. components/diy-checkbox/diy-checkbox.vue 11.39KB
  79. components/diy-circleprogress/
  80. components/diy-circleprogress/diy-circleprogress.vue 4.08KB
  81. components/diy-color-picker/
  82. components/diy-color-picker/diy-color-picker.vue 18.36KB
  83. components/diy-count-down/
  84. components/diy-count-down/diy-count-down.vue 4.45KB
  85. components/diy-dropdown/
  86. components/diy-dropdown/diy-dropdown.vue 9.65KB
  87. components/diy-dropdown-item/
  88. components/diy-dropdown-item/diy-dropdown-item.vue 5.13KB
  89. components/diy-editor/
  90. components/diy-editor/diy-editor.vue 16.68KB
  91. components/diy-editor/editor-icon.css 17.85KB
  92. components/diy-editor/iconfont.ttf 10.93KB
  93. components/diy-lucky-grid/
  94. components/diy-lucky-grid/diy-lucky-grid.vue 9.04KB
  95. components/diy-lucky-wheel/
  96. components/diy-lucky-wheel/diy-lucky-wheel.vue 6.95KB
  97. components/diy-lucky-wheel/lucky-canvas.js 56.13KB
  98. components/diy-lucky-wheel/utils.js 2.17KB
  99. components/diy-marquee/
  100. components/diy-marquee/diy-marquee.vue 1.98KB
  101. components/diy-matrixcheck/
  102. components/diy-matrixcheck/diy-matrixcheck.vue 4.78KB
  103. components/diy-matrixinput/
  104. components/diy-matrixinput/diy-matrixinput.vue 5.33KB
  105. components/diy-matrixradio/
  106. components/diy-matrixradio/diy-matrixradio.vue 4.48KB
  107. components/diy-matrixrate/
  108. components/diy-matrixrate/diy-matrixrate.vue 4.76KB
  109. components/diy-navbar/
  110. components/diy-navbar/diy-navbar.vue 3.92KB
  111. components/diy-noticebar/
  112. components/diy-noticebar/diy-noticebar.vue 4.71KB
  113. components/diy-page/
  114. components/diy-page/diy-page.vue 13.41KB
  115. components/diy-picker/
  116. components/diy-picker/diy-picker.vue 11.98KB
  117. components/diy-popover/
  118. components/diy-popover/diy-popover.vue 14.32KB
  119. components/diy-privacy/
  120. components/diy-privacy/diy-privacy.vue 3.86KB
  121. components/diy-qrcode/
  122. components/diy-qrcode/diy-qrcode.vue 2.7KB
  123. components/diy-qrcode/weapp-qrcode.js 30.64KB
  124. components/diy-scaninput/
  125. components/diy-scaninput/diy-scaninput.vue 5.32KB
  126. components/diy-scaninput/zxing.js 1.06MB
  127. components/diy-select/
  128. components/diy-select/diy-select.vue 10.95KB
  129. components/diy-selectinput/
  130. components/diy-selectinput/diy-selectinput.vue 12.63KB
  131. components/diy-signature/
  132. components/diy-signature/diy-color.vue 4.11KB
  133. components/diy-signature/diy-line.vue 3.22KB
  134. components/diy-signature/diy-signature.vue 14.3KB
  135. components/diy-sku/
  136. components/diy-sku/diy-sku.vue 13.06KB
  137. components/diy-sku-item/
  138. components/diy-sku-item/diy-sku-item.vue 3.15KB
  139. components/diy-stepper/
  140. components/diy-stepper/diy-stepper.vue 14.98KB
  141. components/diy-sticky/
  142. components/diy-sticky/diy-sticky.vue 4.93KB
  143. components/diy-tree/
  144. components/diy-tree/diy-tree.vue 14.19KB
  145. components/diy-treeselect/
  146. components/diy-treeselect/diy-treeselect.vue 8.03KB
  147. components/diy-upgrade/
  148. components/diy-upgrade/diy-upgrade.vue 14.96KB
  149. components/diy-uview-ui/
  150. components/diy-uview-ui/diy-uview-ui.vue 181B
  151. components/diy-verify/
  152. components/diy-verify/diy-verify.vue 5.04KB
  153. components/diy-verifyimg/
  154. components/diy-verifyimg/diy-verifyimg.vue 11.06KB
  155. components/u-action-sheet/
  156. components/u-action-sheet/u-action-sheet.vue 6.12KB
  157. components/u-alert-tips/
  158. components/u-alert-tips/u-alert-tips.vue 5.94KB
  159. components/u-avatar/
  160. components/u-avatar/u-avatar.vue 10.32KB
  161. components/u-avatar-cropper/
  162. components/u-avatar-cropper/u-avatar-cropper.vue 7.57KB
  163. components/u-avatar-cropper/weCropper.js 32.25KB
  164. components/u-back-top/
  165. components/u-back-top/u-back-top.vue 3.42KB
  166. components/u-badge/
  167. components/u-badge/u-badge.vue 5.5KB
  168. components/u-button/
  169. components/u-button/u-button.vue 16.65KB
  170. components/u-calendar/
  171. components/u-calendar/u-calendar.vue 19.61KB
  172. components/u-card/
  173. components/u-card/u-card.vue 7.45KB
  174. components/u-car-keyboard/
  175. components/u-car-keyboard/u-car-keyboard.vue 5.62KB
  176. components/u-cell-group/
  177. components/u-cell-group/u-cell-group.vue 1.63KB
  178. components/u-cell-item/
  179. components/u-cell-item/u-cell-item.vue 7.61KB
  180. components/u-checkbox/
  181. components/u-checkbox/props.js 2.15KB
  182. components/u-checkbox/u-checkbox.vue 12.62KB
  183. components/u-checkbox-group/
  184. components/u-checkbox-group/props.js 2.43KB
  185. components/u-checkbox-group/u-checkbox-group.vue 4.25KB
  186. components/u-circle-progress/
  187. components/u-circle-progress/u-circle-progress.vue 7.21KB
  188. components/u-col/
  189. components/u-col/u-col.vue 3.31KB
  190. components/u-collapse/
  191. components/u-collapse/u-collapse.vue 2.52KB
  192. components/u-collapse-item/
  193. components/u-collapse-item/u-collapse-item.vue 5.74KB
  194. components/u-column-notice/
  195. components/u-column-notice/u-column-notice.vue 5.21KB
  196. components/u-count-down/
  197. components/u-count-down/u-count-down.vue 4.58KB
  198. components/u-count-down/utils.js 1.75KB
  199. components/u-count-to/
  200. components/u-count-to/u-count-to.vue 7.11KB
  201. components/u-divider/
  202. components/u-divider/u-divider.vue 4.13KB
  203. components/u-dropdown/
  204. components/u-dropdown/u-dropdown.vue 10.6KB
  205. components/u-dropdown-item/
  206. components/u-dropdown-item/u-dropdown-item.vue 5.4KB
  207. components/u-empty/
  208. components/u-empty/u-empty.vue 4.6KB
  209. components/u-field/
  210. components/u-field/u-field.vue 11.82KB
  211. components/u-form/
  212. components/u-form/u-form.vue 4.12KB
  213. components/u-form-item/
  214. components/u-form-item/u-form-item.vue 16.89KB
  215. components/u-full-screen/
  216. components/u-full-screen/u-full-screen.vue 1.1KB
  217. components/u-gap/
  218. components/u-gap/u-gap.vue 1.39KB
  219. components/u-grid/
  220. components/u-grid/u-grid.vue 2.8KB
  221. components/u-grid-item/
  222. components/u-grid-item/u-grid-item.vue 2.95KB
  223. components/u-icon/
  224. components/u-icon/u-icon.vue 10.54KB
  225. components/u-image/
  226. components/u-image/u-image.vue 8.42KB
  227. components/u-index-anchor/
  228. components/u-index-anchor/u-index-anchor.vue 2.18KB
  229. components/u-index-list/
  230. components/u-index-list/u-index-list.vue 8.29KB
  231. components/u-input/
  232. components/u-input/u-input.vue 13.71KB
  233. components/u-keyboard/
  234. components/u-keyboard/u-keyboard.vue 6.99KB
  235. components/u-lazy-load/
  236. components/u-lazy-load/u-lazy-load.vue 17.15KB
  237. components/u-line/
  238. components/u-line/u-line.vue 2.71KB
  239. components/u-line-progress/
  240. components/u-line-progress/u-line-progress.vue 3.67KB
  241. components/u-link/
  242. components/u-link/u-link.vue 2.38KB
  243. components/u-loading/
  244. components/u-loading/u-loading.vue 4.37KB
  245. components/u-loading-page/
  246. components/u-loading-page/u-loading-page.vue 250B
  247. components/u-loadmore/
  248. components/u-loadmore/u-loadmore.vue 5.75KB
  249. components/u-mask/
  250. components/u-mask/u-mask.vue 3.51KB
  251. components/u-message-input/
  252. components/u-message-input/u-message-input.vue 8.64KB
  253. components/u-modal/
  254. components/u-modal/u-modal.vue 8.28KB
  255. components/u-navbar/
  256. components/u-navbar/u-navbar.vue 12.07KB
  257. components/u-no-network/
  258. components/u-no-network/u-no-network.vue 21.48KB
  259. components/u-notice-bar/
  260. components/u-notice-bar/u-notice-bar.vue 7.53KB
  261. components/u-number-box/
  262. components/u-number-box/u-number-box.vue 14.37KB
  263. components/u-number-keyboard/
  264. components/u-number-keyboard/u-number-keyboard.vue 4.63KB
  265. components/u-parse/
  266. components/u-parse/libs/
  267. components/u-parse/libs/config.js 2.55KB
  268. components/u-parse/libs/CssHandler.js 2.92KB
  269. components/u-parse/libs/MpHtmlParser.js 19.06KB
  270. components/u-parse/libs/trees.vue 14.24KB
  271. components/u-parse/u-parse.vue 22.28KB
  272. components/u-picker/
  273. components/u-picker/u-picker.vue 27.56KB
  274. components/u-popup/
  275. components/u-popup/u-popup.vue 12.86KB
  276. components/u-radio/
  277. components/u-radio/props.js 2.35KB
  278. components/u-radio/u-radio.vue 11.61KB
  279. components/u-radio-group/
  280. components/u-radio-group/props.js 2.77KB
  281. components/u-radio-group/u-radio-group.vue 4.33KB
  282. components/u-rate/
  283. components/u-rate/u-rate.vue 8.33KB
  284. components/u-read-more/
  285. components/u-read-more/u-read-more.vue 5.18KB
  286. components/u-row/
  287. components/u-row/u-row.vue 2.2KB
  288. components/u-row-notice/
  289. components/u-row-notice/u-row-notice.vue 6.27KB
  290. components/u-scroll-list/
  291. components/u-scroll-list/u-scroll-list.vue 4.58KB
  292. components/u-search/
  293. components/u-search/u-search.vue 9.94KB
  294. components/u-section/
  295. components/u-section/u-section.vue 4.06KB
  296. components/u-select/
  297. components/u-select/u-select.vue 15.46KB
  298. components/u-skeleton/
  299. components/u-skeleton/u-skeleton.vue 6.11KB
  300. components/u-slider/
  301. components/u-slider/u-slider.vue 3.42KB
  302. components/u-steps/
  303. components/u-steps/u-steps.vue 5.37KB
  304. components/u-sticky/
  305. components/u-sticky/u-sticky.vue 5.05KB
  306. components/u-subsection/
  307. components/u-subsection/u-subsection.vue 10.89KB
  308. components/u-swipe-action/
  309. components/u-swipe-action/u-swipe-action.vue 8.24KB
  310. components/u-swiper/
  311. components/u-swiper/u-swiper.vue 10.08KB
  312. components/u-switch/
  313. components/u-switch/u-switch.vue 5.03KB
  314. components/u-tabbar/
  315. components/u-tabbar/u-tabbar.vue 9.54KB
  316. components/u-table/
  317. components/u-table/u-table.vue 2.17KB
  318. components/u-tabs/
  319. components/u-tabs/u-tabs.vue 12.93KB
  320. components/u-tabs-swiper/
  321. components/u-tabs-swiper/u-tabs-swiper.vue 14.56KB
  322. components/u-tag/
  323. components/u-tag/u-tag.vue 7.48KB
  324. components/u-td/
  325. components/u-td/u-td.vue 1.75KB
  326. components/u-th/
  327. components/u-th/u-th.vue 1.65KB
  328. components/u-time-line/
  329. components/u-time-line/u-time-line.vue 808B
  330. components/u-time-line-item/
  331. components/u-time-line-item/u-time-line-item.vue 1.84KB
  332. components/u-toast/
  333. components/u-toast/u-toast.vue 6.2KB
  334. components/u-top-tips/
  335. components/u-top-tips/u-top-tips.vue 2.86KB
  336. components/u-tr/
  337. components/u-tr/u-tr.vue 497B
  338. components/u-upload/
  339. components/u-upload/u-upload.vue 28.07KB
  340. components/u-uploads/
  341. components/u-uploads/mixin.js 812B
  342. components/u-uploads/props.js 4.98KB
  343. components/u-uploads/utils.js 4.69KB
  344. components/u-uploads/u-uploads.vue 21.66KB
  345. components/u-verification-code/
  346. components/u-verification-code/u-verification-code.vue 6.2KB
  347. components/u-waterfall/
  348. components/u-waterfall/u-waterfall.vue 6.3KB
  349. components/vk-uview-ui/
  350. components/vk-uview-ui/vk-uview-ui.vue 139B
  351. iconfont.css 79.44KB
  352. index.js 4.59KB
  353. index.scss 485B
  354. libs/address/
  355. libs/address/areas.json 123.51KB
  356. libs/address/citys.json 13.98KB
  357. libs/address/provinces.json 1.31KB
  358. libs/config/
  359. libs/config/config.js 223B
  360. libs/config/zIndex.js 386B
  361. libs/css/
  362. libs/css/color.scss 2.33KB
  363. libs/css/common.scss 2.83KB
  364. libs/css/style.components.scss 232B
  365. libs/css/style.h5.scss 192B
  366. libs/css/style.mp.scss 1.4KB
  367. libs/css/style.nvue.scss 30B
  368. libs/css/style.vue.scss 3.56KB
  369. libs/function/
  370. libs/function/$parent.js 794B
  371. libs/function/addStyle.js 1.67KB
  372. libs/function/addUnit.js 381B
  373. libs/function/bem.js 59B
  374. libs/function/color.js 892B
  375. libs/function/colorGradient.js 3.74KB
  376. libs/function/debounce.js 910B
  377. libs/function/deepClone.js 681B
  378. libs/function/deepMerge.js 818B
  379. libs/function/getParent.js 1.71KB
  380. libs/function/guid.js 1.75KB
  381. libs/function/md5.js 12.08KB
  382. libs/function/queryParams.js 1.55KB
  383. libs/function/random.js 206B
  384. libs/function/randomArray.js 235B
  385. libs/function/route.js 3.59KB
  386. libs/function/sys.js 139B
  387. libs/function/test.js 5.01KB
  388. libs/function/throttle.js 1.07KB
  389. libs/function/timeFormat.js 2.03KB
  390. libs/function/timeFrom.js 1.61KB
  391. libs/function/toast.js 148B
  392. libs/function/trim.js 354B
  393. libs/function/type2icon.js 1011B
  394. libs/mixin/
  395. libs/mixin/mixin.js 5.96KB
  396. libs/mixin/mpShare.js 381B
  397. libs/request/
  398. libs/request/index.js 5.79KB
  399. libs/store/
  400. libs/store/index.js 502B
  401. libs/util/
  402. libs/util/async-validator.js 34.05KB
  403. libs/util/emitter.js 2.34KB
  404. LICENSE 1.07KB
  405. package.json 1.89KB
  406. README.en.md 1.06KB
  407. README.md 3.89KB
  408. theme.scss 1.28KB

资源介绍:

基于uview改造兼容uniapp vue3插件库扩展了二维码、条形码、支持H5扫码、车牌号码、单选复选按钮、气泡弹窗、矩阵单选、多选、输入、评分、微信隐身协议、uniapp APP版本升级、签名、SKU商品多规格、树形展示、树形下拉、滑动验证、滑动图片验证、分页、宫格抽奖、大转盘抽奖等组件。
# diy-uview-ui ## 🌈 介绍 `diy-uview-ui` 与 `uview-ui` 的关系? `diy-uview-ui` 是基于 `vk-uview-ui`、`uview-ui 1.8.3` 版本改造而来,其本质依然还是 `uview-ui`,是 `DIY` 的珍藏版,由 `DIY` 维护。 > 在这里,也感谢 `vk-uview-ui`、`uview-ui 1.8.3` 作者的开源奉献,再次为开源点赞。 同时 `diy-uview-ui` 也是无条件开源。 ## `diy-uview-ui` 与 `uview-ui 1.8.3` 功能上有什么区别? - 1、最大的亮点:同时支持 `Vue3.0` 和 `Vue2.0`,你没看错,现在 `uview-ui` 支持 `Vue3.0` 了(这应该是目前为数不多的 `uniapp Vue3.0` 组件库)(2021-11-18) - 2、以 `uni_modules` 模块形式发布,方便一键更新(同时组件会自动按需加载,无需手动写 `easycom` 规则(注意,你需要把之前写的 `easycom` 规则删除,在项目根目录的 `pages.json` 中删除) - 3、删除了 `uview-ui` 内置的 `国际化语言` 功能,(改造成 `Vue3` 比较麻烦,故作者干脆直接删除了) - 4、增加手写签名、二维码条码扫码输入、气泡弹窗、分页、下拉多选选择、分页、新闻跑马灯等组件。 **_目前大的问题应该没有了,作者自己的项目也是用此组件库开发,因此你无需担心后期无人维护。_** 如果你了解了以上须知,那么请继续阅读快速上手。 ## ⚡ 快速上手之 Vue2.0 即使是 `Vue2` 版本,同样比原版 `uView1.0` 做了一些优化,如(车牌号键盘点击 1 次中文后会自动切英文,倒计时支持毫秒等等) 支持:H5、App(vue)、微信小程序、支付宝小程序(其他小程序未测试) - 1、main.js 引入 diy-uview-ui ```js import uView from './uni_modules/diy-uview-ui'; Vue.use(uView); ``` - 2、App.vue 引入基础样式(注意 style 标签需声明 scss 属性支持) ```html ``` - 3、uni.scss 引入全局 scss 变量文件 ```css @import '@/uni_modules/diy-uview-ui/theme.scss'; ``` ## ⚡ 快速上手之 Vue3.0 不建议把老项目 升级到 Vue3.0 (升级非常麻烦,建议新项目才考虑是否使用 Vue3.0) 支持:H5、App(vue)、微信小程序(其他小程序未测试) 目前 发现 Vue3 H5 版本一个重大 bug(与此 UI 框架无关),调试开发没问题,发布到前端托管时样式会错乱,已确定是 HBX 的问题,等待 HBX 修复此问题。(hbx3.3.0 版本已修复此问题) - 1、前置步骤:修改 `manifest.json` 内的 `vue` 版本为 `vue3` - 2、项目根目录新增 `index.html` 文件,文件代码为 ```html
``` - 3、main.js 引入 diy-uview-ui ```js // 引入 uView UI import uView from './uni_modules/diy-uview-ui'; import { createSSRApp } from 'vue'; export function createApp() { const app = createSSRApp(App); // 使用 uView UI app.use(uView); return { app }; } ``` - 4、App.vue 引入基础样式(注意 style 标签需声明 scss 属性支持) ```html ``` - 5、uni.scss 引入全局 scss 变量文件 ```css @import '@/uni_modules/diy-uview-ui/theme.scss'; ```
100+评论
captcha