zhangjing/sgy-web
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[水感应客户端最新]

Browse Source
This commit is contained in:
张慢慢
2023-06-21 17:14:39 +08:00
commit b3b4d4dae7
187 changed files with 12997 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
pages/user/help/help.js Normal file
View File

@@ -0,0 +1,51 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
data: {
helpsArr: [], //帮助列表
},
onLoad(options) {},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
// 获取帮助分类
this.helpsNavInfo();
},
/**
* 帮助分类
*/
helpsNavInfo() {
wx.$api.user.helpsNav().then(res => {
let listArr = this.data.helpsArr,
newData = []
for(let i of res.data){
for(let j of i.children){
j.isMore = false
}
}
newData = listArr.concat(res.data)
this.setData({
helpsArr: newData
})
}).catch(err => {})
},
/**
* 文字展开
*/
textMore(e){
let childIndex = e.currentTarget.dataset.index,
parentIndex = e.currentTarget.dataset.parent
this.setData({
[`helpsArr[${parentIndex}].children[${childIndex}].isMore`]: !this.data.helpsArr[parentIndex].children[childIndex].isMore
});
}
})

4
pages/user/help/help.json Normal file
View File

@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "帮助中心"
}

114
pages/user/help/help.wxml Normal file
View File

@@ -0,0 +1,114 @@
<view class="help" wx:for="{{helpsArr}}" wx:key="helpsArr" wx:for-index="index">
<view class="help-title">{{item.title}}</view>
<view class="help-list">
<view class="help-item" wx:for="{{item.children}}" wx:for-item="items" wx:key="children" wx:for-index="childrenIndex">
<view class="help-item-name" bindtap="textMore" data-parent="{{index}}" data-index="{{childrenIndex}}">
<image class="help-item-img" src="{{items.cover}}"></image>
<view class="help-item-title">{{items.title}}</view>
<image class="help-item-arrow" src=" {{items.isMore ? '/static/icons/orderArrow_active.png' : '/static/icons/orderArrow.png'}}"></image>
</view>
<view class="help-item-text {{items.isMore ? 'active' : ''}}">
<rich-text nodes="{{items.content}}"></rich-text>
</view>
</view>
</view>
</view>
<!--
<view class="help">
<view class="help-title">水感应功效</view>
<view class="help-list">
<view class="help-item">
<view class="help-item-name">
<image class="help-item-img" src="/static/icons/toolIcon_02.png"></image>
<view class="help-item-title">水感应所含元素</view>
<image class="help-item-arrow" src="/static/icons/orderArrow.png"></image>
</view>
<view class="help-item-text {{helpShow ? 'active' : ''}}">
<text>**公认的精华元素：硒</text>
<text> **补充人体中硒的含量</text>
<text>**保湿护肤常用</text>
<text>**降低胶原蛋白损伤</text>
<text>**减少皮肤老化</text>
</view>
</view>
<view class="help-item">
<view class="help-item-name">
<image class="help-item-img" src="/static/icons/toolIcon_02.png"></image>
<view class="help-item-title">水感应水源</view>
<image class="help-item-arrow" src="/static/icons/orderArrow.png"></image>
</view>
<view class="help-item-text {{helpShow ? 'active' : ''}}">
<text>可以直接饮用的补水喷雾</text>
<text>理疗矿泉级</text>
<text>4300年自然净化水源</text>
</view>
</view>
<view class="help-item">
<view class="help-item-name">
<image class="help-item-img" src="/static/icons/toolIcon_02.png"></image>
<view class="help-item-title">水感应安全感</view>
<image class="help-item-arrow" src="/static/icons/orderArrow.png"></image>
</view>
<view class="help-item-text {{helpShow ? 'active' : ''}}">
<text>敏感肌的安全感</text>
<text>喷一下就拥有</text>
</view>
</view>
<view class="help-item">
<view class="help-item-name">
<image class="help-item-img" src="/static/icons/toolIcon_02.png"></image>
<view class="help-item-title">水感应补水</view>
<image class="help-item-arrow" src="/static/icons/orderArrow.png"></image>
</view>
<view class="help-item-text {{helpShow ? 'active' : ''}}">
<text>为什么补水越补越干</text>
<text>原因1、肌肤屏障受损，需要修复</text>
<text>原因2、产品水分子过大，效果差</text>
</view>
</view>
</view>
</view>
<view class="help">
<view class="help-title">过敏原因</view>
<view class="help-list">
<view class="help-item">
<view class="help-item-name">
<image class="help-item-img" src="/static/icons/toolIcon_02.png"></image>
<view class="help-item-title">肌肤严重缺水</view>
<image class="help-item-arrow" src="/static/icons/orderArrow.png"></image>
</view>
<view class="help-item-text {{helpShow ? 'active' : ''}}">
<text>发现了吧，过敏的时候总是觉得好痒！</text>
<text> 因为干燥和痒，这两者总是不离不弃。</text>
<text> 肌肤觉得痒，那就是在提醒你：</text>
<text> “我好渴，给补补水吧！”</text>
<text> 在这个容易缺水和过敏的季节，</text>
<text> 不管在家还是外出，</text>
<text> 拿出“水感应舒缓抗皱喷雾”喷一喷。</text>
<text> 这可是预防过敏的秘密武器哦，</text>
<text> 更适合外出携带随时使用呢！</text>
</view>
</view>
<view class="help-item">
<view class="help-item-name">
<image class="help-item-img" src="/static/icons/toolIcon_02.png"></image>
<view class="help-item-title">生活习惯不好</view>
<image class="help-item-arrow" src="/static/icons/orderArrow.png"></image>
</view>
<view class="help-item-text {{helpShow ? 'active' : ''}}">
<text>每天出门化妆，肌肤负担较大，</text>
<text> 卸妆不彻底有残留，</text>
<text> 过度清洁又损伤肌肤保护屏障。</text>
<text> 现代人作息不规律，晚睡早起，</text>
<text> 生活习惯差，肌肤过敏是难免的啦。</text>
<text> 爱美之心，人人有之，</text>
<text> 但你不必每天顶着浓妆出门。</text>
<text> 有了“水感应修复、紧致、舒缓喷雾”，</text>
<text> 睡个懒觉再出门，或淡妆外出，</text>
<text> 完全没有任何问题，</text>
<text> 美出新境界</text>
</view>
</view>
</view>
</view> -->

56
pages/user/help/help.wxss Normal file
View File

@@ -0,0 +1,56 @@
page {
background-color: #f4f4f6;
}
.help-title {
font-size: 34rpx;
margin-bottom: 40rpx;
}
.help {
padding: 40rpx 30rpx;
box-sizing: border-box;
background-color: #ffffff;
margin-top: 30rpx;
}
.help-item-name {
margin-bottom: 40rpx;
display: flex;
position: relative;
line-height: 44rpx;
}
.help-item:last-child .help-item-name {
margin-bottom: 0;
}
.help-item-img {
width: 40rpx;
height: 40rpx;
margin-right: 10rpx;
margin-top: 2rpx;
}
.help-item-arrow {
width: 44rpx;
height: 44rpx;
position: absolute;
right: 0;
}
.help-item-title {
width: calc(100% - 94rpx);
}
.help-item-text {
display: none;
}
.help-item-text.active {
display: block;
margin-top: 30rpx;
line-height: 48rpx;
color: #747474;
font-size: 28rpx;
}