1 line
17 KiB
Plaintext
1 line
17 KiB
Plaintext
{"version":3,"sources":["webpack:///E:/云商会/云商会/tuniao-ui/components/tn-column-notice/tn-column-notice.vue?ecbb","webpack:///E:/云商会/云商会/tuniao-ui/components/tn-column-notice/tn-column-notice.vue?a2d9","webpack:///E:/云商会/云商会/tuniao-ui/components/tn-column-notice/tn-column-notice.vue?3f59","webpack:///E:/云商会/云商会/tuniao-ui/components/tn-column-notice/tn-column-notice.vue?47bd","uni-app:///tuniao-ui/components/tn-column-notice/tn-column-notice.vue","webpack:///E:/云商会/云商会/tuniao-ui/components/tn-column-notice/tn-column-notice.vue?2df0","webpack:///E:/云商会/云商会/tuniao-ui/components/tn-column-notice/tn-column-notice.vue?218e"],"names":["name","mixins","props","list","type","default","show","playStatus","mode","leftIcon","leftIconName","leftIconSize","rightIcon","rightIconName","rightIconSize","closeBtn","radius","padding","autoplay","duration","computed","fontStyle","style","noticeStyle","swiperStyle","vertical","data","watch","methods","click","close","clickLeftIcon","clickRightIcon","change"],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAyI;AACzI;AACoE;AACL;AACsC;;;AAGrG;AAC+L;AAC/L,gBAAgB,wMAAU;AAC1B,EAAE,sFAAM;AACR,EAAE,uGAAM;AACR,EAAE,gHAAe;AACjB;AACA;AACA;AACA;AACA;AACA,EAAE,2GAAU;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;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;AC3BA;AAAA;AAAA;AAAA;AAA4uB,CAAgB,iwBAAG,EAAC,C;;;;;;;;;;;;;;;;;;;AC+ChwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBACA;EACAA;EACAC;EACAC;IACA;IACAC;MACAC;MACAC;QACA;MACA;IACA;IACA;IACAC;MACAF;MACAC;IACA;IACA;IACA;IACAE;MACAH;MACAC;IACA;IACA;IACA;IACAG;MACAJ;MACAC;IACA;IACA;IACAI;MACAL;MACAC;IACA;IACA;IACAK;MACAN;MACAC;IACA;IACA;IACAM;MACAP;MACAC;IACA;IACA;IACAO;MACAR;MACAC;IACA;IACA;IACAQ;MACAT;MACAC;IACA;IACA;IACAS;MACAV;MACAC;IACA;IACA;IACAU;MACAX;MACAC;IACA;IACA;IACAW;MACAZ;MACAC;IACA;IACA;IACAY;MACAb;MACAC;IACA;IACA;IACAa;MACAd;MACAC;IACA;IACA;IACAc;MACAf;MACAC;IACA;EACA;EACAe;IACAC;MAAA;MACA;QACA;QACAC;QACAA;QACA;UACAA;QACA;QACA;UACAA;QACA;QACA;UACAA;QACA;QAEA;MACA;IACA;IACAC;MACA;MACAD;MACA;MACA;IACA;IACAE;MACA;MACAF;MACAA;MAEA;IACA;IACA;IACAG;MACA,kDACA;IACA;EACA;EACAC;IACA,QAEA;EACA;EACAC,QAEA;EACAC;IACA;IACAC;MACA;IACA;IACA;IACAC;MACA;IACA;IACA;IACAC;MACA;IACA;IACA;IACAC;MACA;IACA;IACA;IACAC;MACA;MACA;QACA;MACA;IACA;EACA;AACA;AAAA,4B;;;;;;;;;;;;AC3MA;AAAA;AAAA;AAAA;AAAu5C,CAAgB,o3CAAG,EAAC,C;;;;;;;;;;;ACA36C;AACA,OAAO,KAAU,EAAE,kBAKd","file":"tuniao-ui/components/tn-column-notice/tn-column-notice.js","sourcesContent":["import { render, staticRenderFns, recyclableRender, components } from \"./tn-column-notice.vue?vue&type=template&id=114031fc&scoped=true&\"\nvar renderjs\nimport script from \"./tn-column-notice.vue?vue&type=script&lang=js&\"\nexport * from \"./tn-column-notice.vue?vue&type=script&lang=js&\"\nimport style0 from \"./tn-column-notice.vue?vue&type=style&index=0&id=114031fc&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!F:\\\\HBuilderX.3.5.3.20220729\\\\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 \"114031fc\",\n null,\n false,\n components,\n renderjs\n)\n\ncomponent.options.__file = \"tuniao-ui/components/tn-column-notice/tn-column-notice.vue\"\nexport default component.exports","export * from \"-!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\loaders\\\\templateLoader.js??vue-loader-options!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--17-0!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\template.js!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-uni-app-loader\\\\page-meta.js!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./tn-column-notice.vue?vue&type=template&id=114031fc&scoped=true&\"","var components\nvar render = function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n var s0 = _vm.__get_style([_vm.noticeStyle])\n var s1 = _vm.leftIcon ? _vm.__get_style([_vm.fontStyle(\"leftIcon\")]) : null\n var s2 = _vm.__get_style([_vm.swiperStyle])\n var s3 = _vm.__get_style([_vm.fontStyle()])\n var s4 = _vm.rightIcon ? _vm.__get_style([_vm.fontStyle(\"rightIcon\")]) : null\n var s5 = _vm.closeBtn ? _vm.__get_style([_vm.fontStyle(\"close\")]) : null\n _vm.$mp.data = Object.assign(\n {},\n {\n $root: {\n s0: s0,\n s1: s1,\n s2: s2,\n s3: s3,\n s4: s4,\n s5: s5,\n },\n }\n )\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\babel-loader\\\\lib\\\\index.js!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--13-1!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\script.js!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./tn-column-notice.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\babel-loader\\\\lib\\\\index.js!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--13-1!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\script.js!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./tn-column-notice.vue?vue&type=script&lang=js&\"","<template>\r\n <view\r\n class=\"tn-column-notice-class tn-column-notice\"\r\n :class=\"[backgroundColorClass]\"\r\n :style=\"[noticeStyle]\"\r\n >\r\n <!-- 左图标 -->\r\n <view class=\"tn-column-notice__icon\">\r\n <view\r\n v-if=\"leftIcon\"\r\n class=\"tn-column-notice__icon--left\" \r\n :class=\"[`tn-icon-${leftIconName}`,fontColorClass]\"\r\n :style=\"[fontStyle('leftIcon')]\"\r\n @tap=\"clickLeftIcon\"></view>\r\n </view>\r\n \r\n <!-- 滚动显示内容 -->\r\n <swiper class=\"tn-column-notice__swiper\" :style=\"[swiperStyle]\" :vertical=\"vertical\" circular :autoplay=\"autoplay && playStatus === 'play'\" :interval=\"duration\" @change=\"change\">\r\n <swiper-item v-for=\"(item, index) in list\" :key=\"index\" class=\"tn-column-notice__swiper--item\">\r\n <view\r\n class=\"tn-column-notice__swiper--content tn-text-ellipsis\"\r\n :class=\"[fontColorClass]\"\r\n :style=\"[fontStyle()]\"\r\n @tap=\"click(index)\"\r\n >{{ item }}</view>\r\n </swiper-item>\r\n </swiper>\r\n \r\n <!-- 右图标 -->\r\n <view class=\"tn-column-notice__icon\">\r\n <view\r\n v-if=\"rightIcon\"\r\n class=\"tn-column-notice__icon--right\" \r\n :class=\"[`tn-icon-${rightIconName}`,fontColorClass]\"\r\n :style=\"[fontStyle('rightIcon')]\"\r\n @tap=\"clickRightIcon\"></view>\r\n <view\r\n v-if=\"closeBtn\"\r\n class=\"tn-column-notice__icon--right\" \r\n :class=\"[`tn-icon-close`,fontColorClass]\"\r\n :style=\"[fontStyle('close')]\"\r\n @tap=\"close\"></view>\r\n </view>\r\n </view>\n</template>\n\n<script>\r\n import componentsColorMixin from '../../libs/mixin/components_color.js'\r\n export default {\r\n name: 'tn-column-notice',\r\n mixins: [componentsColorMixin],\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 show: {\r\n type: Boolean,\r\n default: true\r\n },\r\n // 播放状态\r\n // play -> 播放 paused -> 暂停\r\n playStatus: {\r\n type: String,\r\n default: 'play'\r\n },\r\n // 滚动方向\r\n // horizontal -> 水平滚动 vertical -> 垂直滚动\r\n mode: {\r\n type: String,\r\n default: 'horizontal'\r\n },\r\n // 是否显示左边图标\r\n leftIcon: {\r\n type: Boolean,\r\n default: true\r\n },\r\n // 左边图标的名称\r\n leftIconName: {\r\n type: String,\r\n default: 'sound'\r\n },\r\n // 左边图标的大小\r\n leftIconSize: {\r\n type: Number,\r\n default: 34\r\n },\r\n // 是否显示右边的图标\r\n rightIcon: {\r\n type: Boolean,\r\n default: false\r\n },\r\n // 右边图标的名称\r\n rightIconName: {\r\n type: String,\r\n default: 'right'\r\n },\r\n // 右边图标的大小\r\n rightIconSize: {\r\n type: Number,\r\n default: 26\r\n },\r\n // 是否显示关闭按钮\r\n closeBtn: {\r\n type: Boolean,\r\n default: false\r\n },\r\n // 圆角\r\n radius: {\r\n type: Number,\r\n default: 0\r\n },\r\n // 内边距\r\n padding: {\r\n type: String,\r\n default: '18rpx 24rpx'\r\n },\r\n // 自动播放\r\n autoplay: {\r\n type: Boolean,\r\n default: true\r\n },\r\n // 滚动周期\r\n duration: {\r\n type: Number,\r\n default: 2000\r\n }\r\n },\r\n computed: {\r\n fontStyle() {\r\n return (type) => {\r\n let style = {}\r\n style.color = this.fontColorStyle ? this.fontColorStyle : ''\r\n style.fontSize = this.fontSizeStyle ? this.fontSizeStyle : ''\r\n if (type === 'leftIcon' && this.leftIconSize) {\r\n style.fontSize = this.leftIconSize + 'rpx'\r\n }\r\n if (type === 'rightIcon' && this.rightIconSize) {\r\n style.fontSize = this.rightIconSize + 'rpx'\r\n }\r\n if (type === 'close') {\r\n style.fontSize = '24rpx'\r\n }\r\n \r\n return style\r\n }\r\n },\r\n noticeStyle() {\r\n let style = {}\r\n style.backgroundColor = this.backgroundColorStyle ? this.backgroundColorStyle : 'transparent'\r\n if (this.padding) style.padding = this.padding\r\n return style\r\n },\r\n swiperStyle() {\r\n let style = {}\r\n style.height = this.fontSize ? this.fontSize + 6 + this.fontUnit : '32rpx'\r\n style.lineHeight = style.height\r\n \r\n return style\r\n },\r\n // 标记是否为垂直\r\n vertical() {\r\n if (this.mode === 'horizontal') return false\r\n else return true\r\n }\r\n },\r\n data() {\r\n return {\r\n \r\n }\r\n },\r\n watch: {\r\n \r\n },\r\n methods: {\r\n // 点击了通知栏\r\n click(index) {\r\n this.$emit('click', index)\r\n },\r\n // 点击了关闭按钮\r\n close() {\r\n this.$emit('close')\r\n },\r\n // 点击了左边图标\r\n clickLeftIcon() {\r\n this.$emit('clickLeft')\r\n },\r\n // 点击了右边图标\r\n clickRightIcon() {\r\n this.$emit('clickRight')\r\n },\r\n // 切换消息时间\r\n change(event) {\r\n let index = event.detail.current\r\n if (index === this.list.length - 1) {\r\n this.$emit('end')\r\n }\r\n }\r\n }\r\n }\n</script>\n\n<style lang=\"scss\" scoped>\r\n \r\n .tn-column-notice {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: center;\r\n flex-wrap: nowrap;\r\n overflow: hidden;\r\n \r\n &__swiper {\r\n height: auto;\r\n flex: 1;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n margin-left: 12rpx;\r\n \r\n &--item {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n overflow: hidden;\r\n }\r\n \r\n &--content {\r\n overflow: hidden;\r\n }\r\n }\r\n \r\n &__icon {\r\n &--left {\r\n display: inline-flex;\r\n align-items: center;\r\n }\r\n \r\n &--right {\r\n margin-left: 12rpx;\r\n display: inline-flex;\r\n align-items: center;\r\n }\r\n }\r\n }\n</style>\n","import mod from \"-!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\mini-css-extract-plugin\\\\dist\\\\loader.js??ref--8-oneOf-1-0!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\css-loader\\\\dist\\\\cjs.js??ref--8-oneOf-1-1!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\loaders\\\\stylePostLoader.js!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--8-oneOf-1-2!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\postcss-loader\\\\src\\\\index.js??ref--8-oneOf-1-3!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\sass-loader\\\\dist\\\\cjs.js??ref--8-oneOf-1-4!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--8-oneOf-1-5!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./tn-column-notice.vue?vue&type=style&index=0&id=114031fc&lang=scss&scoped=true&\"; export default mod; export * from \"-!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\mini-css-extract-plugin\\\\dist\\\\loader.js??ref--8-oneOf-1-0!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\css-loader\\\\dist\\\\cjs.js??ref--8-oneOf-1-1!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\loaders\\\\stylePostLoader.js!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--8-oneOf-1-2!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\postcss-loader\\\\src\\\\index.js??ref--8-oneOf-1-3!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\sass-loader\\\\dist\\\\cjs.js??ref--8-oneOf-1-4!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--8-oneOf-1-5!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!F:\\\\HBuilderX.3.5.3.20220729\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./tn-column-notice.vue?vue&type=style&index=0&id=114031fc&lang=scss&scoped=true&\"","// extracted by mini-css-extract-plugin\n if(module.hot) {\n // 1713944676494\n var cssReload = require(\"F:/HBuilderX.3.5.3.20220729/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":""} |