1 line
3.0 KiB
Plaintext
1 line
3.0 KiB
Plaintext
|
{"version":3,"file":"messageInput.js","sources":["../../../../../../../src/modules/mall/chat/components/messageInput.vue","../../../../../../../uniComponent:/RDovQXBwL1dvcmsvYWRkci9hY2RyLXVpL3NyYy9tb2R1bGVzL21hbGwvY2hhdC9jb21wb25lbnRzL21lc3NhZ2VJbnB1dC52dWU"],"sourcesContent":["<template>\r\n <view class=\"send-wrap ss-flex\">\r\n <view class=\"left ss-flex ss-flex-1\">\r\n <uni-easyinput\r\n class=\"ss-flex-1 ss-p-l-22\"\r\n :inputBorder=\"false\"\r\n :clearable=\"false\"\r\n v-model=\"message\"\r\n placeholder=\"请输入你要咨询的问题\"\r\n ></uni-easyinput>\r\n </view>\r\n <text class=\"sicon-basic bq\" @tap.stop=\"onTools('emoji')\"></text>\r\n <text\r\n v-if=\"!message\"\r\n class=\"sicon-edit\"\r\n :class=\"{ 'is-active': toolsMode === 'tools' }\"\r\n @tap.stop=\"onTools('tools')\"\r\n ></text>\r\n <button v-if=\"message\" class=\"ss-reset-button send-btn\" @tap=\"sendMessage\">发送</button>\r\n </view>\r\n</template>\r\n\r\n<script setup>\r\nimport { computed } from 'vue'\r\n/**\r\n * 消息发送组件\r\n */\r\nconst props = defineProps({\r\n // 消息\r\n modelValue: {\r\n type: String,\r\n default: '',\r\n },\r\n // 工具模式\r\n toolsMode: {\r\n type: String,\r\n default: '',\r\n },\r\n})\r\nconst emits = defineEmits(['update:modelValue', 'onTools', 'sendMessage'])\r\nconst message = computed({\r\n get() {\r\n return props.modelValue\r\n },\r\n set(newValue) {\r\n emits(`update:modelValue`, newValue)\r\n },\r\n})\r\n\r\n// 打开工具菜单\r\nfunction onTools(mode) {\r\n emits('onTools', mode)\r\n}\r\n\r\n// 发送消息\r\nfunction sendMessage() {\r\n emits('sendMessage')\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n \r\n.send-wrap {\r\n padding: 18rpx 20rpx;\r\n background: #fff;\r\n\r\n .left {\r\n height: 64rpx;\r\n background: var(--ui-BG-1);\r\n border-radius: 32rpx;\r\n }\r\n\r\n .bq {\r\n margin-left: 10rpx;\r\n font-size: 50rpx;\r\n }\r\n\r\n .sicon-edit {\r\n margin-left: 10rpx;\r\n font-size: 50rpx;\r\n transition: all linear 0.2s;\r\n transform: rotate(0deg);\r\n\r\n &.is-active {\r\n transform: rotate(45deg);\r\n }\r\n }\r\n\r\n .send-btn {\r\n width: 100rpx;\r\n height: 60rpx;\r\n margin-left: 11rpx;\r\n font-size: 26rpx;\r\n line-height: 60rpx;\r\n color: #fff;\r\n background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));\r\n border-radius: 30rpx;\r\n }\r\n}\r\n</style>\r\n","import Component from 'D:/App/Work/addr/acdr-ui/src/modules/mall/chat/components/messageInput.vue'\nwx.createComponent(Component)"],"names":["computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,UAAM,QAAQ;AAYd,UAAM,QAAQ;AACd,UAAM,UAAUA,cAAAA,SAAS;AAAA,MACvB,MAAM;AACJ,eAAO,MAAM;AAAA,MACd;AAAA,MACD,IAAI,UAAU;AACZ,cAAM,qBAAqB,QAAQ;AAAA,MACpC;AAAA,IACH,CAAC;AAGD,aAAS,QAAQ,MAAM;AACrB,YAAM,WAAW,IAAI;AAAA,IACvB;AAGA,aAAS,cAAc;AACrB,YAAM,aAAa;AAAA,IACrB;;;;;;;;;;;;;;;;;;;;;;;;ACxDA,GAAG,gBAAgB,SAAS;"}
|