优化页面
This commit is contained in:
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1 +1 @@
|
||||
{"version":3,"file":"popupinvite.js","sources":["TUIKit/components/TUIChat/message-input-toolbar/evaluate/popupinvite.vue","/Users/plw/Documents/outsource/tk-mini-program/TUIKit/components/TUIChat/message-input-toolbar/evaluate/popupinvite.vue?type=component"],"sourcesContent":["<template>\n <uni-popup class=\"popupcss\" ref=\"popup\" type=\"center\" border-radius=\"10px 10px 0 0\">\n <view class=\"popup-content\">\n <view class=\"popup-title\">\n <view class=\"popup-text\">点击选择您要参与的主播</view>\n <view v-if=\"list.length !== 0\">\n <scroll-view show-scrollbar=\"false\" scroll-y=\"true\" class=\"scroll\">\n <view class=\"card\" v-for=\"(item, index) in list\" :key=\"index\">\n <view\n class=\"card-content\"\n @click=\"Select(item.id, index)\"\n :style=\"{\n background: selectedId === item.id ? '#b8ff8c74' : '#ffffff',\n }\"\n >\n <view class=\"Avatarimg\">\n <image class=\"avatar\" :src=\"item.anchorIcon\" mode=\"scaleToFill\" />\n </view>\n <view class=\"NameMoney\">\n <view class=\"TimeMoney\">\n <view class=\"NameMoney_Name\">{{ item.anchorId }}</view>\n </view>\n <view class=\"TimeMoney_Time\">\n <view class=\"pkTimeimg\">\n <image\n style=\"width: 31.49rpx; height: 31.49rpx; margin-top: 3rpx\"\n src=\"https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/time.png\"\n mode=\"scaleToFill\"\n />\n </view>\n <!-- <view>{{ TimeFormatting(item.pkTime) }}</view> -->\n <view class=\"goldimg\">\n <image\n style=\"width: 31.49rpx; height: 31.49rpx; margin-top: 4rpx\"\n src=\"https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/species.png\"\n mode=\"scaleToFill\"\n />\n </view>\n <view class=\"goldnb\">{{ item.coin }}K</view>\n </view>\n </view>\n </view>\n </view>\n </scroll-view>\n </view>\n <view class=\"noData\" v-if=\"list.length === 0\"\n >您还没有可参与的主播PK,快去新建一个吧!</view\n >\n </view>\n <view class=\"popup-btn\">\n <button class=\"invite\" type=\"primary\" @click=\"invite()\">邀请</button>\n <button class=\"cancel\" type=\"default\" @click=\"close()\">取消</button>\n </view>\n </view>\n </uni-popup>\n</template>\n\n<script>\nexport default {\n data() {\n return {\n title: \"Hello\",\n };\n },\n onLoad() {\n // 页面加载时执行\n },\n methods: {\n //确定邀请\n invite() {},\n //关闭弹窗\n close() {\n popup.value.close();\n },\n },\n};\n</script>\n\n<style scoped>\n/* 样式定义 */\n</style>\n","import Component from '/Users/plw/Documents/outsource/tk-mini-program/TUIKit/components/TUIChat/message-input-toolbar/evaluate/popupinvite.vue'\nwx.createComponent(Component)"],"names":[],"mappings":";;AA0DA,MAAK,YAAU;AAAA,EACb,OAAO;AACL,WAAO;AAAA,MACL,OAAO;AAAA;EAEV;AAAA,EACD,SAAS;AAAA,EAER;AAAA,EACD,SAAS;AAAA;AAAA,IAEP,SAAS;AAAA,IAAE;AAAA;AAAA,IAEX,QAAQ;AACN,YAAM,MAAM;IACb;AAAA,EACF;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC1EA,GAAG,gBAAgB,SAAS;"}
|
||||
{"version":3,"file":"popupinvite.js","sources":["TUIKit/components/TUIChat/message-input-toolbar/evaluate/popupinvite.vue","../../HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RDov6aG555uuL3RrLW1pbmktcHJvZ3JhbS9UVUlLaXQvY29tcG9uZW50cy9UVUlDaGF0L21lc3NhZ2UtaW5wdXQtdG9vbGJhci9ldmFsdWF0ZS9wb3B1cGludml0ZS52dWU"],"sourcesContent":["<template>\r\n <uni-popup class=\"popupcss\" ref=\"popup\" type=\"center\" border-radius=\"10px 10px 0 0\">\r\n <view class=\"popup-content\">\r\n <view class=\"popup-title\">\r\n <view class=\"popup-text\">点击选择您要参与的主播</view>\r\n <view v-if=\"list.length !== 0\">\r\n <scroll-view show-scrollbar=\"false\" scroll-y=\"true\" class=\"scroll\">\r\n <view class=\"card\" v-for=\"(item, index) in list\" :key=\"index\">\r\n <view\r\n class=\"card-content\"\r\n @click=\"Select(item.id, index)\"\r\n :style=\"{\r\n background: selectedId === item.id ? '#b8ff8c74' : '#ffffff',\r\n }\"\r\n >\r\n <view class=\"Avatarimg\">\r\n <image class=\"avatar\" :src=\"item.anchorIcon\" mode=\"scaleToFill\" />\r\n </view>\r\n <view class=\"NameMoney\">\r\n <view class=\"TimeMoney\">\r\n <view class=\"NameMoney_Name\">{{ item.anchorId }}</view>\r\n </view>\r\n <view class=\"TimeMoney_Time\">\r\n <view class=\"pkTimeimg\">\r\n <image\r\n style=\"width: 31.49rpx; height: 31.49rpx; margin-top: 3rpx\"\r\n src=\"https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/time.png\"\r\n mode=\"scaleToFill\"\r\n />\r\n </view>\r\n <!-- <view>{{ TimeFormatting(item.pkTime) }}</view> -->\r\n <view class=\"goldimg\">\r\n <image\r\n style=\"width: 31.49rpx; height: 31.49rpx; margin-top: 4rpx\"\r\n src=\"https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/species.png\"\r\n mode=\"scaleToFill\"\r\n />\r\n </view>\r\n <view class=\"goldnb\">{{ item.coin }}K</view>\r\n </view>\r\n </view>\r\n </view>\r\n </view>\r\n </scroll-view>\r\n </view>\r\n <view class=\"noData\" v-if=\"list.length === 0\"\r\n >您还没有可参与的主播PK,快去新建一个吧!</view\r\n >\r\n </view>\r\n <view class=\"popup-btn\">\r\n <button class=\"invite\" type=\"primary\" @click=\"invite()\">邀请</button>\r\n <button class=\"cancel\" type=\"default\" @click=\"close()\">取消</button>\r\n </view>\r\n </view>\r\n </uni-popup>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n data() {\r\n return {\r\n title: \"Hello\",\r\n };\r\n },\r\n onLoad() {\r\n // 页面加载时执行\r\n },\r\n methods: {\r\n //确定邀请\r\n invite() {},\r\n //关闭弹窗\r\n close() {\r\n popup.value.close();\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n/* 样式定义 */\r\n</style>\r\n","import Component from 'D:/项目/tk-mini-program/TUIKit/components/TUIChat/message-input-toolbar/evaluate/popupinvite.vue'\nwx.createComponent(Component)"],"names":[],"mappings":";;AA0DA,MAAK,YAAU;AAAA,EACb,OAAO;AACL,WAAO;AAAA,MACL,OAAO;AAAA;EAEV;AAAA,EACD,SAAS;AAAA,EAER;AAAA,EACD,SAAS;AAAA;AAAA,IAEP,SAAS;AAAA,IAAE;AAAA;AAAA,IAEX,QAAQ;AACN,YAAM,MAAM;IACb;AAAA,EACF;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC1EA,GAAG,gBAAgB,SAAS;"}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1 +1 @@
|
||||
{"version":3,"file":"index.js","sources":["TUIKit/components/TUIChat/message-input-toolbar/words/index.vue","/Users/plw/Documents/outsource/tk-mini-program/TUIKit/components/TUIChat/message-input-toolbar/words/index.vue?type=component"],"sourcesContent":["<template>\n <ToolbarItemContainer\n ref=\"container\"\n :iconFile=\"wordsIcon\"\n title=\"常用语\"\n :needBottomPopup=\"true\"\n :iconWidth=\"isUniFrameWork ? '26px' : '20px'\"\n :iconHeight=\"isUniFrameWork ? '26px' : '20px'\"\n @onDialogShow=\"onDialogShow\"\n @onDialogClose=\"onDialogClose\"\n >\n <div :class=\"['words', !isPC && 'words-h5']\">\n <div :class=\"['words-header', !isPC && 'words-h5-header']\">\n <span :class=\"['words-header-title', !isPC && 'words-h5-header-title']\">\n {{ TUITranslateService.t(\"Words.常用语-快捷回复工具\") }}\n </span>\n <span\n v-if=\"!isPC\"\n :class=\"['words-header-close', !isPC && 'words-h5-header-close']\"\n @click=\"closeDialog\"\n >\n 关闭\n </span>\n </div>\n <ul :class=\"['words-list', !isPC && 'words-h5-list']\">\n <li\n v-for=\"(item, index) in wordsList\"\n :key=\"index\"\n :class=\"['words-list-item', !isPC && 'words-h5-list-item']\"\n @click=\"selectWord(item)\"\n >\n {{ TUITranslateService.t(`Words.${item.value}`) }}\n </li>\n </ul>\n </div>\n </ToolbarItemContainer>\n</template>\n<script setup lang=\"ts\">\nimport {\n TUITranslateService,\n TUIStore,\n StoreName,\n IConversationModel,\n SendMessageParams,\n TUIChatService,\n} from '@tencentcloud/chat-uikit-engine';\nimport { ref } from '../../../../adapter-vue';\nimport ToolbarItemContainer from '../toolbar-item-container/index.vue';\nimport wordsIconLight from '../../../../assets/icon/words-light.svg';\nimport wordsIconDark from '../../../../assets/icon/words-dark.svg';\nimport { wordsList } from '../../utils/wordsList';\nimport { isEnabledMessageReadReceiptGlobal } from '../../utils/utils';\nimport { isPC, isUniFrameWork } from '../../../../utils/env';\nimport TUIChatConfig from '../../config';\n\nconst wordsIcon = TUIChatConfig.getTheme() === 'dark' ? wordsIconDark : wordsIconLight;\nconst emits = defineEmits(['onDialogPopupShowOrHide']);\nconst currentConversation = ref<IConversationModel>();\nconst container = ref();\n\nTUIStore.watch(StoreName.CONV, {\n currentConversation: (conversation: IConversationModel) => {\n currentConversation.value = conversation;\n },\n});\n\nconst selectWord = (item: any) => {\n const options = {\n to:\n currentConversation?.value?.groupProfile?.groupID\n || currentConversation?.value?.userProfile?.userID,\n conversationType: currentConversation?.value?.type,\n payload: {\n text: TUITranslateService.t(`Words.${item.value}`),\n },\n needReadReceipt: isEnabledMessageReadReceiptGlobal(),\n } as SendMessageParams;\n TUIChatService.sendTextMessage(options);\n // close dialog after submit evaluate\n container?.value?.toggleDialogDisplay(false);\n};\n\nconst closeDialog = () => {\n container?.value?.toggleDialogDisplay(false);\n};\n\nconst onDialogShow = () => {\n emits('onDialogPopupShowOrHide', true);\n};\n\nconst onDialogClose = () => {\n emits('onDialogPopupShowOrHide', false);\n};\n</script>\n<style scoped lang=\"scss\" src=\"./style/index.scss\"></style>\n","import Component from '/Users/plw/Documents/outsource/tk-mini-program/TUIKit/components/TUIChat/message-input-toolbar/words/index.vue'\nwx.createComponent(Component)"],"names":["TUIChatConfig","wordsIconDark","wordsIconLight","ref","TUIStore","StoreName","TUITranslateService","isEnabledMessageReadReceiptGlobal","TUIChatService"],"mappings":";;;;;;;;;;;AA+CA,MAAA,uBAAiC,MAAA;;;;;AAQjC,UAAM,YAAYA,iCAAAA,WAAc,SAAS,MAAM,SAASC,cAAgB,gBAAAC;AACxE,UAAM,QAAQ;AACd,UAAM,sBAAsBC,cAAAA;AAC5B,UAAM,YAAYA,cAAAA;AAETC,qBAAA,MAAMC,gBAAU,MAAM;AAAA,MAC7B,qBAAqB,CAAC,iBAAqC;AACzD,4BAAoB,QAAQ;AAAA,MAC9B;AAAA,IAAA,CACD;AAEK,UAAA,aAAa,CAAC,SAAc;;AAChC,YAAM,UAAU;AAAA,QACd,MACE,sEAAqB,UAArB,mBAA4B,iBAA5B,mBAA0C,cACvC,sEAAqB,UAArB,mBAA4B,gBAA5B,mBAAyC;AAAA,QAC9C,mBAAkB,gEAAqB,UAArB,mBAA4B;AAAA,QAC9C,SAAS;AAAA,UACP,MAAMC,cAAoB,GAAA,EAAE,SAAS,KAAK,KAAK,EAAE;AAAA,QACnD;AAAA,QACA,iBAAiBC,sCAAAA,kCAAkC;AAAA,MAAA;AAErDC,uBAAe,gBAAgB,OAAO;AAE3B,mDAAA,UAAA,mBAAO,oBAAoB;AAAA,IAAK;AAG7C,UAAM,cAAc,MAAM;;AACb,mDAAA,UAAA,mBAAO,oBAAoB;AAAA,IAAK;AAG7C,UAAM,eAAe,MAAM;AACzB,YAAM,2BAA2B,IAAI;AAAA,IAAA;AAGvC,UAAM,gBAAgB,MAAM;AAC1B,YAAM,2BAA2B,KAAK;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC1FxC,GAAG,gBAAgB,SAAS;"}
|
||||
{"version":3,"file":"index.js","sources":["TUIKit/components/TUIChat/message-input-toolbar/words/index.vue","../../HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RDov6aG555uuL3RrLW1pbmktcHJvZ3JhbS9UVUlLaXQvY29tcG9uZW50cy9UVUlDaGF0L21lc3NhZ2UtaW5wdXQtdG9vbGJhci93b3Jkcy9pbmRleC52dWU"],"sourcesContent":["<template>\r\n <ToolbarItemContainer\r\n ref=\"container\"\r\n :iconFile=\"wordsIcon\"\r\n title=\"常用语\"\r\n :needBottomPopup=\"true\"\r\n :iconWidth=\"isUniFrameWork ? '26px' : '20px'\"\r\n :iconHeight=\"isUniFrameWork ? '26px' : '20px'\"\r\n @onDialogShow=\"onDialogShow\"\r\n @onDialogClose=\"onDialogClose\"\r\n >\r\n <div :class=\"['words', !isPC && 'words-h5']\">\r\n <div :class=\"['words-header', !isPC && 'words-h5-header']\">\r\n <span :class=\"['words-header-title', !isPC && 'words-h5-header-title']\">\r\n {{ TUITranslateService.t(\"Words.常用语-快捷回复工具\") }}\r\n </span>\r\n <span\r\n v-if=\"!isPC\"\r\n :class=\"['words-header-close', !isPC && 'words-h5-header-close']\"\r\n @click=\"closeDialog\"\r\n >\r\n 关闭\r\n </span>\r\n </div>\r\n <ul :class=\"['words-list', !isPC && 'words-h5-list']\">\r\n <li\r\n v-for=\"(item, index) in wordsList\"\r\n :key=\"index\"\r\n :class=\"['words-list-item', !isPC && 'words-h5-list-item']\"\r\n @click=\"selectWord(item)\"\r\n >\r\n {{ TUITranslateService.t(`Words.${item.value}`) }}\r\n </li>\r\n </ul>\r\n </div>\r\n </ToolbarItemContainer>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport {\r\n TUITranslateService,\r\n TUIStore,\r\n StoreName,\r\n IConversationModel,\r\n SendMessageParams,\r\n TUIChatService,\r\n} from '@tencentcloud/chat-uikit-engine';\r\nimport { ref } from '../../../../adapter-vue';\r\nimport ToolbarItemContainer from '../toolbar-item-container/index.vue';\r\nimport wordsIconLight from '../../../../assets/icon/words-light.svg';\r\nimport wordsIconDark from '../../../../assets/icon/words-dark.svg';\r\nimport { wordsList } from '../../utils/wordsList';\r\nimport { isEnabledMessageReadReceiptGlobal } from '../../utils/utils';\r\nimport { isPC, isUniFrameWork } from '../../../../utils/env';\r\nimport TUIChatConfig from '../../config';\r\n\r\nconst wordsIcon = TUIChatConfig.getTheme() === 'dark' ? wordsIconDark : wordsIconLight;\r\nconst emits = defineEmits(['onDialogPopupShowOrHide']);\r\nconst currentConversation = ref<IConversationModel>();\r\nconst container = ref();\r\n\r\nTUIStore.watch(StoreName.CONV, {\r\n currentConversation: (conversation: IConversationModel) => {\r\n currentConversation.value = conversation;\r\n },\r\n});\r\n\r\nconst selectWord = (item: any) => {\r\n const options = {\r\n to:\r\n currentConversation?.value?.groupProfile?.groupID\r\n || currentConversation?.value?.userProfile?.userID,\r\n conversationType: currentConversation?.value?.type,\r\n payload: {\r\n text: TUITranslateService.t(`Words.${item.value}`),\r\n },\r\n needReadReceipt: isEnabledMessageReadReceiptGlobal(),\r\n } as SendMessageParams;\r\n TUIChatService.sendTextMessage(options);\r\n // close dialog after submit evaluate\r\n container?.value?.toggleDialogDisplay(false);\r\n};\r\n\r\nconst closeDialog = () => {\r\n container?.value?.toggleDialogDisplay(false);\r\n};\r\n\r\nconst onDialogShow = () => {\r\n emits('onDialogPopupShowOrHide', true);\r\n};\r\n\r\nconst onDialogClose = () => {\r\n emits('onDialogPopupShowOrHide', false);\r\n};\r\n</script>\r\n<style scoped lang=\"scss\" src=\"./style/index.scss\"></style>\r\n","import Component from 'D:/项目/tk-mini-program/TUIKit/components/TUIChat/message-input-toolbar/words/index.vue'\nwx.createComponent(Component)"],"names":["TUIChatConfig","wordsIconDark","wordsIconLight","ref","TUIStore","StoreName","TUITranslateService","isEnabledMessageReadReceiptGlobal","TUIChatService"],"mappings":";;;;;;;;;;;AA+CA,MAAA,uBAAiC,MAAA;;;;;AAQjC,UAAM,YAAYA,iCAAAA,WAAc,SAAS,MAAM,SAASC,cAAgB,gBAAAC;AACxE,UAAM,QAAQ;AACd,UAAM,sBAAsBC,cAAAA;AAC5B,UAAM,YAAYA,cAAAA;AAETC,qBAAA,MAAMC,gBAAU,MAAM;AAAA,MAC7B,qBAAqB,CAAC,iBAAqC;AACzD,4BAAoB,QAAQ;AAAA,MAC9B;AAAA,IAAA,CACD;AAEK,UAAA,aAAa,CAAC,SAAc;;AAChC,YAAM,UAAU;AAAA,QACd,MACE,sEAAqB,UAArB,mBAA4B,iBAA5B,mBAA0C,cACvC,sEAAqB,UAArB,mBAA4B,gBAA5B,mBAAyC;AAAA,QAC9C,mBAAkB,gEAAqB,UAArB,mBAA4B;AAAA,QAC9C,SAAS;AAAA,UACP,MAAMC,cAAoB,GAAA,EAAE,SAAS,KAAK,KAAK,EAAE;AAAA,QACnD;AAAA,QACA,iBAAiBC,sCAAAA,kCAAkC;AAAA,MAAA;AAErDC,uBAAe,gBAAgB,OAAO;AAE3B,mDAAA,UAAA,mBAAO,oBAAoB;AAAA,IAAK;AAG7C,UAAM,cAAc,MAAM;;AACb,mDAAA,UAAA,mBAAO,oBAAoB;AAAA,IAAK;AAG7C,UAAM,eAAe,MAAM;AACzB,YAAM,2BAA2B,IAAI;AAAA,IAAA;AAGvC,UAAM,gBAAgB,MAAM;AAC1B,YAAM,2BAA2B,KAAK;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC1FxC,GAAG,gBAAgB,SAAS;"}
|
||||
Reference in New Issue
Block a user