Skip to content

严立 / mini-shimao

Go to a project
Commit d7080125 by TengFengLian
Options

Merge branch 'master' of http://120.77.182.185/yanl/mini-shimao 

* 'master' of http://120.77.182.185/yanl/mini-shimao:
  箭头往下bug
parents 9ce9badb 85a7041c
Inline Side-by-side
Showing with 66 additions and 16 deletions
pages/customerService/customerService.js
......@@ -139,6 +139,14 @@ Page({
url: '../moreProblems/moreProblems',
})
},
tranform(e){
let flag = !e.currentTarget.dataset.flag
let index = e.currentTarget.dataset.index;
this.setData({
[`commonProblems[${index}].flag`]:flag
});
console.log(this.data.commonProblems);
},
/**
* 生命周期函数--监听页面加载
*/
......@@ -242,7 +250,9 @@ Page({
top: 1,
},
success: function(res) {
res.data.forEach(function(item){
item.flag = false;
});
that.setData({
commonProblems: res.data
})
......
pages/customerService/customerService.wxml
......@@ -15,16 +15,16 @@
<view class="content">
<view class="content-item" wx:for="{{commonProblems}}" wx:key="index">
<l-collapse>
<l-collapse-item l-body-class="l-body-class" l-title-class="l-title-class" customTitle="{{true}}">
<l-collapse-item l-body-class="l-body-class" data-index="{{index}}" data-flag="{{item.flag}}" bindtap="tranform" l-title-class="l-title-class" customTitle="{{true}}">
<view class="item-title" slot="title">
<view class="row align-c" style="width:90%;">
<view class="circle"></view>
<view style="width:540rpx;">{{item.title}}</view>
</view>
<l-icon name="right" size="28" color="#999"/>
<l-icon l-class="{{item.flag ? 'tranform':''}}" name="right" size="28" color="#999"/>
</view>
<text class="text">{{item.content}}</text>
<view class="text">{{item.content}}</view>
</l-collapse-item>
</l-collapse>
</view>
......
pages/customerService/customerService.wxss
......@@ -20,6 +20,9 @@
margin: auto;
height: auto;
}
.tranform{
transform: rotate(90deg);
}
.customer-body-header{
width: 100%;
display: flex;
......@@ -180,6 +183,7 @@
}
.text{
width: 610rpx;
height: auto;
margin: auto;
line-height: 2;
font-size: 28rpx;
......
pages/moreProblems/moreProblems.js
......@@ -76,7 +76,27 @@ Page({
onShareAppMessage: function () {
},
checkInTranform(e){
let flag = !e.currentTarget.dataset.flag
let index = e.currentTarget.dataset.index;
this.setData({
[`checkInProblems[${index}].flag`]:flag
});
},
ticketsTranform(e){
let flag = !e.currentTarget.dataset.flag
let index = e.currentTarget.dataset.index;
this.setData({
[`ticketsProblems[${index}].flag`]:flag
});
},
tranform(e){
let flag = !e.currentTarget.dataset.flag
let index = e.currentTarget.dataset.index;
this.setData({
[`serviceProblems[${index}].flag`]:flag
});
},
// 常见问题
getCommonProblem(type) {
let that = this
......@@ -87,6 +107,9 @@ Page({
top: '',
},
success: function(res) {
res.data.forEach(function(item){
item.flag =false;
})
switch (type) {
case 1:
that.setData({
......
pages/moreProblems/moreProblems.wxml
......@@ -13,13 +13,13 @@
<view class="content">
<view class="content-item" wx:for="{{checkInProblems}}" wx:key="index">
<l-collapse>
<l-collapse-item l-body-class="l-body-class" l-title-class="l-title-class" customTitle="{{true}}">
<view class="item-title" slot="title">
<l-collapse-item l-body-class="l-body-class" l-title-class="l-title-class" customTitle="{{true}}" data-index="{{index}}" data-flag="{{item.flag}}" bindtap="checkInTranform">
<view class="item-title" slot="title" >
<view class="row align-c">
<view class="circle"></view>
<view>{{item.title}}</view>
</view>
<l-icon name="right" size="28" color="#999"/>
<l-icon l-class="{{item.flag ? 'tranform':''}}" name="right" size="28" color="#999"/>
</view>
<text class="text">{{item.content}}</text>
......@@ -40,16 +40,16 @@
<view class="content">
<view class="content-item" wx:for="{{ticketsProblems}}" wx:key="index">
<l-collapse>
<l-collapse-item l-body-class="l-body-class" l-title-class="l-title-class" customTitle="{{true}}">
<view class="item-title" slot="title">
<l-collapse-item l-body-class="l-body-class" l-title-class="l-title-class" customTitle="{{true}}" data-index="{{index}}" data-flag="{{item.flag}}" bindtap="ticketsTranform">
<view class="item-title" slot="title" >
<view class="row align-c">
<view class="circle"></view>
<view>{{item.title}}</view>
</view>
<l-icon name="right" size="28" color="#999"/>
<l-icon l-class="{{item.flag ? 'tranform':''}}" name="right" size="28" color="#999"/>
</view>
<text class="text">{{item.content}}</text>
<view class="text">{{item.content}}</view>
</l-collapse-item>
</l-collapse>
</view>
......@@ -66,16 +66,16 @@
<view class="content">
<view class="content-item" wx:for="{{serviceProblems}}" wx:key="index">
<l-collapse>
<l-collapse-item l-body-class="l-body-class" l-title-class="l-title-class" customTitle="{{true}}">
<view class="item-title" slot="title">
<l-collapse-item l-body-class="l-body-class" l-title-class="l-title-class" customTitle="{{true}}" data-index="{{index}}" data-flag="{{item.flag}}" bindtap="tranform">
<view class="item-title" slot="title" >
<view class="row align-c">
<view class="circle"></view>
<view>{{item.title}}</view>
</view>
<l-icon name="right" size="28" color="#999"/>
<l-icon name="right" l-class="{{item.flag ? 'tranform':''}}" size="28" color="#999"/>
</view>
<text class="text">{{item.content}}</text>
<view class="text">{{item.content}}</view>
</l-collapse-item>
</l-collapse>
</view>
......
pages/moreProblems/moreProblems.wxss
......@@ -48,8 +48,13 @@
}
.text{
width: 610rpx;
height: auto;
margin: auto;
line-height: 2;
font-size: 28rpx;
padding-left: 40rpx;
margin-bottom: 20rpx;
}
.tranform{
transform: rotate(90deg);
}
\ No newline at end of file
project.config.json
......@@ -107,6 +107,13 @@
"id": -1,
"name": "pages/ownerCertification/ownerCertification",
"pathName": "pages/ownerCertification/ownerCertification",
"query": "",
"scene": null
},
{
"id": -1,
"name": "pages/moreProblems/moreProblems",
"pathName": "pages/moreProblems/moreProblems",
"scene": null
}
]
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment