1 line
5.0 KiB
Plaintext
1 line
5.0 KiB
Plaintext
|
{"version":3,"file":"toolsPopup.js","sources":["../../../../../../../src/modules/mall/chat/components/toolsPopup.vue","../../../../../../../uniComponent:/RDovQXBwL1dvcmsvYWRkci9hY2RyLXVpL3NyYy9tb2R1bGVzL21hbGwvY2hhdC9jb21wb25lbnRzL3Rvb2xzUG9wdXAudnVl"],"sourcesContent":["<template>\r\n <su-popup :show=\"showTools\" @close=\"handleClose\">\r\n <view class=\"ss-modal-box ss-flex-col\">\r\n <slot></slot>\r\n <view class=\"content ss-flex ss-flex-1\">\r\n <template v-if=\"toolsMode === 'emoji'\">\r\n <swiper\r\n class=\"emoji-swiper\"\r\n :indicator-dots=\"true\"\r\n circular\r\n indicator-active-color=\"#7063D2\"\r\n indicator-color=\"rgba(235, 231, 255, 1)\"\r\n :autoplay=\"false\"\r\n :interval=\"3000\"\r\n :duration=\"1000\"\r\n >\r\n <swiper-item v-for=\"emoji in emojiPage\" :key=\"emoji\">\r\n <view class=\"ss-flex ss-flex-wrap\">\r\n <image\r\n v-for=\"item in emoji\"\r\n :key=\"item\"\r\n class=\"emoji-img\"\r\n :src=\"sheep.$url.cdn(`/static/img/chat/emoji/${item.file}`)\"\r\n @tap=\"onEmoji(item)\"\r\n ></image>\r\n </view>\r\n </swiper-item>\r\n </swiper>\r\n </template>\r\n <template v-else>\r\n <view class=\"image\">\r\n <s-uploader\r\n file-mediatype=\"image\"\r\n :imageStyles=\"{ width: 50, height: 50, border: false }\"\r\n @select=\"imageSelect({ type: 'image', data: $event })\"\r\n >\r\n <image\r\n class=\"icon\"\r\n :src=\"sheep.$url.static('/static/img/shop/chat/image.png')\"\r\n mode=\"aspectFill\"\r\n ></image>\r\n </s-uploader>\r\n <view>图片</view>\r\n </view>\r\n <view class=\"goods\" @tap=\"onShowSelect('goods')\">\r\n <image\r\n class=\"icon\"\r\n :src=\"sheep.$url.static('/static/img/shop/chat/goods.png')\"\r\n mode=\"aspectFill\"\r\n ></image>\r\n <view>商品</view>\r\n </view>\r\n <view class=\"order\" @tap=\"onShowSelect('order')\">\r\n <image\r\n class=\"icon\"\r\n :src=\"sheep.$url.static('/static/img/shop/chat/order.png')\"\r\n mode=\"aspectFill\"\r\n ></image>\r\n <view>订单</view>\r\n </view>\r\n </template>\r\n </view>\r\n </view>\r\n </su-popup>\r\n</template>\r\n\r\n<script setup>\r\n/**\r\n * 聊天工具\r\n */\r\nimport { emojiPage } from '@/modules/mall/chat/util/emoji'\r\nimport sheep from '@/sheep'\r\n\r\nconst props = defineProps({\r\n // 工具模式\r\n toolsMode: {\r\n type: String,\r\n default: '',\r\n },\r\n // 控制工具菜单弹出\r\n showTools: {\r\n type: Boolean,\r\n default: () => false,\r\n },\r\n})\r\nconst emits = defineEmits(['onEmoji', 'imageSelect', 'onShowSelect', 'close'])\r\n\r\n// 关闭弹出工具菜单\r\nfunction handleClose() {\r\n emits('close')\r\n}\r\n\r\n// 选择表情\r\nfunction onEmoji(emoji) {\r\n emits('onEmoji', emoji)\r\n}\r\n\r\n// 选择图片\r\nfunction imageSelect(val) {\r\n emits('imageSelect', val)\r\n}\r\n\r\n// 选择商品或订单\r\nfunction onShowSelect(mode) {\r\n emits('onShowSelect', mode)\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n \r\n.content {\r\n width: 100%;\r\n align-content: space-around;\r\n border-top: 1px solid #dfdfdf;\r\n padding: 20rpx 0 0;\r\n\r\n .emoji-swiper {\r\n width: 100%;\r\n height: 280rpx;\r\n padding: 0 20rpx;\r\n\r\n .emoji-img {\r\n width: 50rpx;\r\n height: 50rpx;\r\n display: inline-block;\r\n margin: 10rpx;\r\n }\r\n }\r\n\r\n .image,\r\n .goods,\r\n .order {\r\n width: 33.3%;\r\n height: 280rpx;\r\n text-align: center;\r\n font-s
|