Skip to content

严立 / mini-shimao

Go to a project
Commit 85a7041c by 袁伟伦
Options

箭头往下bug

parent 6ce1a54b
Inline Side-by-side
Showing with 66 additions and 16 deletions
pages/customerService/customerService.js
...@@ -139,6 +139,14 @@ Page({ ...@@ -139,6 +139,14 @@ Page({
url: '../moreProblems/moreProblems', 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);
},
/** /**
* 生命周期函数--监听页面加载 * 生命周期函数--监听页面加载
*/ */
...@@ -241,7 +249,9 @@ Page({ ...@@ -241,7 +249,9 @@ Page({
top: 1, top: 1,
}, },
success: function(res) { success: function(res) {
res.data.forEach(function(item){
item.flag = false;
});
that.setData({ that.setData({
commonProblems: res.data commonProblems: res.data
}) })
......
pages/customerService/customerService.wxml
...@@ -15,16 +15,16 @@ ...@@ -15,16 +15,16 @@
<view class="content"> <view class="content">
<view class="content-item" wx:for="{{commonProblems}}" wx:key="index"> <view class="content-item" wx:for="{{commonProblems}}" wx:key="index">
<l-collapse> <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="item-title" slot="title">
<view class="row align-c" style="width:90%;"> <view class="row align-c" style="width:90%;">
<view class="circle"></view> <view class="circle"></view>
<view style="width:540rpx;">{{item.title}}</view> <view style="width:540rpx;">{{item.title}}</view>
</view> </view>
<l-icon name="right" size="28" color="#999"/> <l-icon l-class="{{item.flag ? 'tranform':''}}" name="right" size="28" color="#999"/>
</view> </view>
<text class="text">{{item.content}}</text> <view class="text">{{item.content}}</view>
</l-collapse-item> </l-collapse-item>
</l-collapse> </l-collapse>
</view> </view>
......
pages/customerService/customerService.wxss
...@@ -20,6 +20,9 @@ ...@@ -20,6 +20,9 @@
margin: auto; margin: auto;
height: auto; height: auto;
} }
.tranform{
transform: rotate(90deg);
}
.customer-body-header{ .customer-body-header{
width: 100%; width: 100%;
display: flex; display: flex;
...@@ -180,6 +183,7 @@ ...@@ -180,6 +183,7 @@
} }
.text{ .text{
width: 610rpx; width: 610rpx;
height: auto;
margin: auto; margin: auto;
line-height: 2; line-height: 2;
font-size: 28rpx; font-size: 28rpx;
......
pages/moreProblems/moreProblems.js
...@@ -76,7 +76,27 @@ Page({ ...@@ -76,7 +76,27 @@ Page({
onShareAppMessage: function () { 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) { getCommonProblem(type) {
let that = this let that = this
...@@ -87,6 +107,9 @@ Page({ ...@@ -87,6 +107,9 @@ Page({
top: '', top: '',
}, },
success: function(res) { success: function(res) {
res.data.forEach(function(item){
item.flag =false;
})
switch (type) { switch (type) {
case 1: case 1:
that.setData({ that.setData({
......
pages/moreProblems/moreProblems.wxml
...@@ -13,13 +13,13 @@ ...@@ -13,13 +13,13 @@
<view class="content"> <view class="content">
<view class="content-item" wx:for="{{checkInProblems}}" wx:key="index"> <view class="content-item" wx:for="{{checkInProblems}}" wx:key="index">
<l-collapse> <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" 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="item-title" slot="title" >
<view class="row align-c"> <view class="row align-c">
<view class="circle"></view> <view class="circle"></view>
<view>{{item.title}}</view> <view>{{item.title}}</view>
</view> </view>
<l-icon name="right" size="28" color="#999"/> <l-icon l-class="{{item.flag ? 'tranform':''}}" name="right" size="28" color="#999"/>
</view> </view>
<text class="text">{{item.content}}</text> <text class="text">{{item.content}}</text>
...@@ -40,16 +40,16 @@ ...@@ -40,16 +40,16 @@
<view class="content"> <view class="content">
<view class="content-item" wx:for="{{ticketsProblems}}" wx:key="index"> <view class="content-item" wx:for="{{ticketsProblems}}" wx:key="index">
<l-collapse> <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" 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="item-title" slot="title" >
<view class="row align-c"> <view class="row align-c">
<view class="circle"></view> <view class="circle"></view>
<view>{{item.title}}</view> <view>{{item.title}}</view>
</view> </view>
<l-icon name="right" size="28" color="#999"/> <l-icon l-class="{{item.flag ? 'tranform':''}}" name="right" size="28" color="#999"/>
</view> </view>
<text class="text">{{item.content}}</text> <view class="text">{{item.content}}</view>
</l-collapse-item> </l-collapse-item>
</l-collapse> </l-collapse>
</view> </view>
...@@ -66,16 +66,16 @@ ...@@ -66,16 +66,16 @@
<view class="content"> <view class="content">
<view class="content-item" wx:for="{{serviceProblems}}" wx:key="index"> <view class="content-item" wx:for="{{serviceProblems}}" wx:key="index">
<l-collapse> <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" 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="item-title" slot="title" >
<view class="row align-c"> <view class="row align-c">
<view class="circle"></view> <view class="circle"></view>
<view>{{item.title}}</view> <view>{{item.title}}</view>
</view> </view>
<l-icon name="right" size="28" color="#999"/> <l-icon name="right" l-class="{{item.flag ? 'tranform':''}}" size="28" color="#999"/>
</view> </view>
<text class="text">{{item.content}}</text> <view class="text">{{item.content}}</view>
</l-collapse-item> </l-collapse-item>
</l-collapse> </l-collapse>
</view> </view>
......
pages/moreProblems/moreProblems.wxss
...@@ -48,8 +48,13 @@ ...@@ -48,8 +48,13 @@
} }
.text{ .text{
width: 610rpx; width: 610rpx;
height: auto;
margin: auto; margin: auto;
line-height: 2; line-height: 2;
font-size: 28rpx; font-size: 28rpx;
padding-left: 40rpx;
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }
.tranform{
transform: rotate(90deg);
}
\ No newline at end of file
project.config.json
...@@ -107,6 +107,13 @@ ...@@ -107,6 +107,13 @@
"id": -1, "id": -1,
"name": "pages/ownerCertification/ownerCertification", "name": "pages/ownerCertification/ownerCertification",
"pathName": "pages/ownerCertification/ownerCertification", "pathName": "pages/ownerCertification/ownerCertification",
"query": "",
"scene": null
},
{
"id": -1,
"name": "pages/moreProblems/moreProblems",
"pathName": "pages/moreProblems/moreProblems",
"scene": null "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