{"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":""}