diff --git a/src/components/zh-scroll/zh-scroll.vue b/src/components/zh-scroll/zh-scroll.vue index eb2b037..8f30579 100644 --- a/src/components/zh-scroll/zh-scroll.vue +++ b/src/components/zh-scroll/zh-scroll.vue @@ -23,13 +23,13 @@ - + - - - {{ good.name }} - + + + {{ good.title }} + @@ -290,15 +290,16 @@ margin-bottom: 30rpx; padding-left: 40rpx; .name { + max-width: 100%; margin-left: 10rpx; font-family: Source Han Sans; font-size: 28rpx; font-weight: 300; - line-height: 48rpx; - display: flex; - align-items: center; - letter-spacing: normal; color: #606266; + overflow: hidden; /* 隐藏溢出内容 */ + white-space: nowrap; /* 禁止换行 */ + text-overflow: ellipsis; /* 显示省略号 */ + } .icon { width: 38rpx; diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue index ef73180..efda2b9 100644 --- a/src/pages/index/index.vue +++ b/src/pages/index/index.vue @@ -118,7 +118,11 @@ - + + + + @@ -139,6 +143,8 @@ memberCenter } from '@/api/memberCenter' + import liuDragButton from '@/uni_modules/liu-drag-button/components/liu-drag-button/liu-drag-button.vue' + import useUserStore from '@/store/user' const userStore = useUserStore() @@ -150,6 +156,7 @@ const list5 = ref([]); const showChat = ref(false) + const showtypeChat = ref(true) const change = (val) => { current.value = val.current @@ -299,7 +306,7 @@ hdList.value = res2.data.data } }) - + const kfz = () => { uni.showToast({ @@ -308,8 +315,36 @@ }) } + const clickcount = ref(0) + const clickchat = () =>{ + clickcount.value++ + if(!showtypeChat.value) { + showChat.value = true + clickcount.value = 0 + } else { + if(clickcount.value === 1) { + showtypeChat.value = false + } + } + } + + let intervalId; + function myPeriodicFunction() { + if(!showChat.value) { + showtypeChat.value = true + clickcount.value = 0 + } + } + onMounted(() => { + intervalId = setInterval(myPeriodicFunction, 5000); + }); + + onUnmounted(() => { + clearInterval(intervalId); + }); - onLoad(async() => { + + onLoad(async () => { //会员标签 await getbqlist() //会员列表 @@ -668,11 +703,16 @@ } } - .xzs { - width: 192rpx; - height: 108rpx; + .xzs1 { + width: 180rpx; position: fixed; - right: -24rpx; - top: 70%; + // top: 70%; + } + + .xzs { + width: 80rpx; + // position: fixed; + // right: -24rpx; + // top: 70%; } \ No newline at end of file diff --git a/src/pages/index/shoppage/financialAssistance.vue b/src/pages/index/shoppage/financialAssistance.vue index b9596a2..3515d0c 100644 --- a/src/pages/index/shoppage/financialAssistance.vue +++ b/src/pages/index/shoppage/financialAssistance.vue @@ -27,7 +27,9 @@ - + + + \ No newline at end of file diff --git a/src/pages/index/shoppage/mediaHelp.vue b/src/pages/index/shoppage/mediaHelp.vue index 22a17a1..30628e2 100644 --- a/src/pages/index/shoppage/mediaHelp.vue +++ b/src/pages/index/shoppage/mediaHelp.vue @@ -36,7 +36,9 @@ - + + + + + diff --git a/src/uni_modules/liu-drag-button/license.md b/src/uni_modules/liu-drag-button/license.md new file mode 100644 index 0000000..029bf39 --- /dev/null +++ b/src/uni_modules/liu-drag-button/license.md @@ -0,0 +1,6 @@ +### 1、本插件可免费下载使用; +### 2、未经许可,严禁复制本插件派生同类插件上传插件市场; +### 3、未经许可,严禁在插件市场恶意复制抄袭本插件进行违规获利; +### 4、对本软件的任何使用都必须遵守这些条款,违反这些条款的个人或组织将面临法律追究。 + + diff --git a/src/uni_modules/liu-drag-button/package.json b/src/uni_modules/liu-drag-button/package.json new file mode 100644 index 0000000..61a3c70 --- /dev/null +++ b/src/uni_modules/liu-drag-button/package.json @@ -0,0 +1,85 @@ +{ + "id": "liu-drag-button", + "displayName": "可拖动悬浮按钮", + "version": "1.0.5", + "description": "可拖动的悬浮按钮,兼容小程序、H5,支持自动停靠,支持自定义样式,使用相当简单,源码简单易修改。", + "keywords": [ + "悬浮按钮", + "拖拽按钮", + "拖动", + "按钮", + "拖拽" + ], + "repository": "", + "engines": { + "HBuilderX": "^3.1.0" + }, + "dcloudext": { + "type": "component-vue", + "sale": { + "regular": { + "price": "0.00" + }, + "sourcecode": { + "price": "0.00" + } + }, + "contact": { + "qq": "" + }, + "declaration": { + "ads": "无", + "data": "无", + "permissions": "无" + }, + "npmurl": "" + }, + "uni_modules": { + "dependencies": [], + "encrypt": [], + "platforms": { + "cloud": { + "tcb": "y", + "aliyun": "y" + }, + "client": { + "Vue": { + "vue2": "y", + "vue3": "u" + }, + "App": { + "app-vue": "u", + "app-nvue": "u" + }, + "H5-mobile": { + "Safari": "y", + "Android Browser": "y", + "微信浏览器(Android)": "y", + "QQ浏览器(Android)": "y" + }, + "H5-pc": { + "Chrome": "u", + "IE": "u", + "Edge": "u", + "Firefox": "u", + "Safari": "u" + }, + "小程序": { + "微信": "y", + "阿里": "u", + "百度": "u", + "字节跳动": "u", + "QQ": "u", + "钉钉": "u", + "快手": "u", + "飞书": "u", + "京东": "u" + }, + "快应用": { + "华为": "u", + "联盟": "u" + } + } + } + } +} diff --git a/src/uni_modules/liu-drag-button/readme.md b/src/uni_modules/liu-drag-button/readme.md new file mode 100644 index 0000000..848af4d --- /dev/null +++ b/src/uni_modules/liu-drag-button/readme.md @@ -0,0 +1,36 @@ +# liu-drag-button适用于uni-app项目的可拖动悬浮按钮组件 +### 本组件目前兼容微信小程序、H5 +### 本组件是可拖动的悬浮按钮,兼容小程序、H5,支持自动停靠,支持自定义样式,源码简单易修改 +# --- 扫码预览、关注我们 --- + +## 扫码关注公众号,查看更多插件信息,预览插件效果! + +![](https://uni.ckapi.pro/uniapp/publicize.png) + +### 使用方式 +``` html +按钮 +``` +``` javascript +export default { + data() { + return { + + }; + }, + methods: { + //点击按钮 + clickBtn(){ + console.log('按钮被点击了') + }, + } +} +``` + +### 属性说明 +| 名称 | 类型 | 默认值 | 描述 | +| ----------------------------|--------------- | ------------------ | ---------------| +| disabled | Boolean | false | 是否禁用拖动 +| canDocking | Boolean | true | 是否自动停靠 +| bottomPx | Number | 30 | 按钮默认位置离底部距离(px) +| rightPx | Number | 0 | 按钮默认位置离右边距离(px)