| 1 |
- {"version":3,"sources":["webpack:///D:/Code2024/图鸟模板-社区/libs/components/multiple-options-demo.vue?5b5b","webpack:///D:/Code2024/图鸟模板-社区/libs/components/multiple-options-demo.vue?ac5f","webpack:///D:/Code2024/图鸟模板-社区/libs/components/multiple-options-demo.vue?3ab7","webpack:///D:/Code2024/图鸟模板-社区/libs/components/multiple-options-demo.vue?4918","uni-app:///libs/components/multiple-options-demo.vue","webpack:///D:/Code2024/图鸟模板-社区/libs/components/multiple-options-demo.vue?cc2c","webpack:///D:/Code2024/图鸟模板-社区/libs/components/multiple-options-demo.vue?cfce"],"names":["name","props","list","type","default","data","tuniaoColorList","listData","watch","created","methods","initList","item","navOptionsPage","uni","url","getBgNum"],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAA8I;AAC9I;AACyE;AACL;AACsC;;;AAG1G;AAC2M;AAC3M,gBAAgB,qNAAU;AAC1B,EAAE,2FAAM;AACR,EAAE,4GAAM;AACR,EAAE,qHAAe;AACjB;AACA;AACA;AACA;AACA;AACA,EAAE,gHAAU;AACZ;AACA;;AAEA;AACe,gF;;;;;;;;;;;;ACvBf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACRA;AAAA;AAAA;AAAA;AAA0zB,CAAgB,u0BAAG,EAAC,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBCwB90B;EACAA;EACAC;IACA;IACAC;MACAC;MACAC;QACA;MACA;IACA;EACA;EACAC;IACA;MACA;MACAC,kBACA,OACA,aACA,UACA,cACA,YACA,QACA,UACA,QACA,QACA,SACA,UACA,YACA;MACAC;IACA;EACA;EACAC;IACAN;MACA;IACA;EACA;EACAO;IACA;EACA;EACAC;IACA;IACAC;MAAA;MACA;MACA;QACAC;QACAA;QACAA;QACA;MACA;IACA;IACA;IACAC;MACAC;QACAC;MACA;IACA;IACA;IACAC;MACA;IACA;EACA;AACA;AAAA,4B;;;;;;;;;;;;;ACrFA;AAAA;AAAA;AAAA;AAA6hD,CAAgB,8+CAAG,EAAC,C;;;;;;;;;;;ACAjjD;AACA,OAAO,KAAU,EAAE,kBAKd","file":"libs/components/multiple-options-demo.js","sourcesContent":["import { render, staticRenderFns, recyclableRender, components } from \"./multiple-options-demo.vue?vue&type=template&id=9cf0154e&scoped=true&\"\nvar renderjs\nimport script from \"./multiple-options-demo.vue?vue&type=script&lang=js&\"\nexport * from \"./multiple-options-demo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./multiple-options-demo.vue?vue&type=style&index=0&id=9cf0154e&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"9cf0154e\",\n null,\n false,\n components,\n renderjs\n)\n\ncomponent.options.__file = \"libs/components/multiple-options-demo.vue\"\nexport default component.exports","export * from \"-!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--17-0!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./multiple-options-demo.vue?vue&type=template&id=9cf0154e&scoped=true&\"","var components\nvar render = function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./multiple-options-demo.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./multiple-options-demo.vue?vue&type=script&lang=js&\"","<template>\r\n <view class=\"multiple-options\">\r\n <view class=\"list\">\r\n <block v-for=\"(item, index) in listData\" :key=\"index\">\r\n <view\r\n class=\"list__item\"\r\n :class=\"[`tn-main-gradient-${tuniaoColorList[item.bgColorIndex]}--light`]\"\r\n @tap=\"navOptionsPage(item.url)\"\r\n >\r\n <view class=\"list__content\">\r\n <view class=\"list__content__title\">{{ item.title }}</view>\r\n <view class=\"list__content__desc\">{{ item.desc }}</view>\r\n </view>\r\n <view class=\"list__icon\">\r\n <view class=\"list__icon__main\" :class=\"[`tn-icon-${item.mainIcon}`, `tn-main-gradient-${tuniaoColorList[item.bgColorIndex]}`]\"></view>\r\n <view class=\"list__icon__sub\" :class=\"[`tn-icon-${item.subIcon}`, `tn-main-gradient-${tuniaoColorList[item.bgColorIndex]}`]\"></view>\r\n </view>\r\n </view>\r\n </block>\r\n </view>\r\n </view>\r\n</template>\r\n\r\n<script>\r\n export default {\r\n name: 'multiple-options-demo',\r\n props: {\r\n // 显示的列表数据\r\n list: {\r\n type: Array,\r\n default() {\r\n return []\r\n }\r\n }\r\n },\r\n data() {\r\n return {\r\n // 图鸟颜色列表\r\n tuniaoColorList: [\r\n 'red',\r\n 'purplered',\r\n 'purple',\r\n 'bluepurple',\r\n 'aquablue',\r\n 'blue',\r\n 'indigo',\r\n 'cyan',\r\n 'teal',\r\n 'green',\r\n 'orange',\r\n 'orangered'\r\n ],\r\n listData: []\r\n }\r\n },\r\n watch: {\r\n list(val) {\r\n this.initList()\r\n }\r\n },\r\n created() {\r\n this.initList()\r\n },\r\n methods: {\r\n // 初始化列表数据\r\n initList() {\r\n // 给列表添加背景颜色数据\r\n this.listData = this.list.map((item, index) => {\r\n item.bgColorIndex = this.getBgNum()\r\n item.mainIcon = item?.mainIcon || 'computer-fill'\r\n item.subIcon = item?.subIcon || 'share'\r\n return item\r\n })\r\n },\r\n // 跳转到对应的选项页面\r\n navOptionsPage(url) {\r\n uni.navigateTo({\r\n url: url\r\n })\r\n },\r\n // 获取酷炫背景随机数\r\n getBgNum() {\r\n return Math.floor((Math.random() * this.tuniaoColorList.length))\r\n }\r\n }\r\n }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n \r\n .list {\r\n \r\n &__item {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: space-between;\r\n width: calc(100% - 60rpx);\r\n margin: 108rpx 30rpx 0rpx 30rpx;\r\n box-shadow: 0rpx 10rpx 50rpx 0rpx rgba(0, 3, 72, 0.1);\r\n border-radius: 20rpx;\r\n }\r\n \r\n &__content {\r\n flex: 1;\r\n // color: $tn-font-color;\r\n margin: 34rpx 0rpx 27rpx 37rpx;\r\n \r\n &__title {\r\n font-size: 36rpx;\r\n font-weight: bold;\r\n margin-bottom: 12rpx;\r\n }\r\n &__desc {\r\n font-size: 28rpx;\r\n }\r\n }\r\n \r\n &__icon {\r\n flex: 1;\r\n margin-right: 26rpx;\r\n position: relative;\r\n \r\n &__main, &__sub {\r\n -webkit-background-clip: text;\r\n color: transparent;\r\n position: absolute;\r\n transition: transform 0.25s ease;\r\n }\r\n \r\n &__main {\r\n font-size: 200rpx;\r\n width: 190rpx;\r\n line-height: 200rpx;\r\n top: 0;\r\n right: 0rpx;\r\n transform: translateY(-60%);\r\n }\r\n &__sub {\r\n font-size: 70rpx;\r\n top: 0;\r\n right: 175rpx;\r\n transform: translateY(-5rpx);\r\n }\r\n }\r\n }\r\n</style>\r\n","import mod from \"-!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./multiple-options-demo.vue?vue&type=style&index=0&id=9cf0154e&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./multiple-options-demo.vue?vue&type=style&index=0&id=9cf0154e&lang=scss&scoped=true&\"","// extracted by mini-css-extract-plugin\n if(module.hot) {\n // 1732849666895\n var cssReload = require(\"D:/self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js\")(module.id, {\"hmr\":true,\"publicPath\":\"/\",\"locals\":false});\n module.hot.dispose(cssReload);\n module.hot.accept(undefined, cssReload);\n }\n "],"sourceRoot":""}
|
