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,支持自动停靠,支持自定义样式,源码简单易修改
+# --- 扫码预览、关注我们 ---
+
+## 扫码关注公众号,查看更多插件信息,预览插件效果!
+
+
+
+### 使用方式
+``` html
+按钮
+```
+``` javascript
+export default {
+ data() {
+ return {
+
+ };
+ },
+ methods: {
+ //点击按钮
+ clickBtn(){
+ console.log('按钮被点击了')
+ },
+ }
+}
+```
+
+### 属性说明
+| 名称 | 类型 | 默认值 | 描述 |
+| ----------------------------|--------------- | ------------------ | ---------------|
+| disabled | Boolean | false | 是否禁用拖动
+| canDocking | Boolean | true | 是否自动停靠
+| bottomPx | Number | 30 | 按钮默认位置离底部距离(px)
+| rightPx | Number | 0 | 按钮默认位置离右边距离(px)