sws
/
carInsightSystem_wxapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

lhf

Browse Source
dev
Esdese 3 years ago
parent fe75ecbcde
commit 4b0791af79
5 changed files with 122 additions and 55 deletions
Show Stats Download Patch File Download Diff File

72
pages/varComm/pages/brand/index.js
Unescape View File

@ -1,49 +1,10 @@
import Dialog from '../../../../miniprogram_npm/@vant/weapp/dialog/dialog';
const app = getApp()
const words = [];
Component({
data: {
mockData: [{
name: 'A',
data: [{
imgUrl: "https://img.yzcdn.cn/vant/cat.jpeg",
carName: "宝马",
},
{
imgUrl: "https://img.yzcdn.cn/vant/cat.jpeg",
carName: "奥迪",
},
{
imgUrl: "https://img.yzcdn.cn/vant/cat.jpeg",
carName: "保时捷",
},
{
imgUrl: "https://img.yzcdn.cn/vant/cat.jpeg",
carName: "法拉利",
}
]
},
{
name: 'B',
data: [{
imgUrl: "https://img.yzcdn.cn/vant/cat.jpeg",
carName: "宝马",
},
{
imgUrl: "https://img.yzcdn.cn/vant/cat.jpeg",
carName: "奥迪",
},
{
imgUrl: "https://img.yzcdn.cn/vant/cat.jpeg",
carName: "保时捷",
},
{
imgUrl: "https://img.yzcdn.cn/vant/cat.jpeg",
carName: "法拉利",
}
]
}
],
result: [],
mockData: [],
result: new Array(6)
},
@ -53,16 +14,35 @@ Component({
url: '/pages/varComm/pages/brandRatio/index',
})
},
del(index){
console.log(index);
console.log(123);
},
onChange(event) {
console.log(event);
let result = []
if(this.data.result.at(-1)!=undefined && event.detail.length>6){
Dialog.alert({
title: '提示',
context :this,
message: '至多选择6个品牌！',
})
}
for(let i =0;i<event.detail.length;i++){
if(event.detail[i]!=undefined){
result.push(event.detail[i])
}
}
result.length = 6
this.setData({
result: event.detail,
result: result,
});
},
},
lifetimes: {
attached() {
//页面数据
app.globalData.request({
action: 'getUserBrand',
token: 't%2BrswgjvzGM=',
@ -81,7 +61,9 @@ Component({
}
}
}
console.log(arr);
this.setData({
mockData:arr
})
})
}

35
pages/varComm/pages/brand/index.wxml
Unescape View File

@ -1,10 +1,26 @@
<wxs module="filter" src="./filter.wxs"></wxs>
<van-dialog id="van-dialog" />
<view class="box">
<view class="add1">
<view class="add_box1">
<view class="heng1"></view>
<view class="shu1"></view>
<view class="event1">添加品牌一</view>
<view style="display: inline-block;" wx:for="{{result}}" wx:key="idx" wx:for-index="index">
<view class="add_box1" wx:if="{{item==undefined}}">
<view class="heng1"></view>
<view class="shu1"></view>
<view class="event1">添加品牌一</view>
</view>
<view class="del_box" wx:else>
<view class="del" bindtap="del(index)">
<text style="font-size: 24rpx;display: inline-block;margin-left: 64rpx;">×</text>
<text style="font-size: 24rpx;font-weight: 100;" > 删除</text>
</view>
<view class="brand_img_box">
<image src="http://v.sws010.com/img/brand/276.png" style="width:100%;" mode="widthFix" lazy-load="{{true}}"></image>
</view>
<view class="car_barnd">宝马</view>
</view>
</view>
</view>
<button class="btns" bindtap='startCp'>开始对比</button>
<view class="event_recom1">
@ -12,12 +28,15 @@
<view style="height: 36rpx;background:white;border-top-left-radius: 24rpx;border-top-right-radius: 24rpx;"></view>
<van-checkbox-group value="{{ result }}" bind:change="onChange">
<van-index-bar sticky="{{false}}">
<view wx:for="{{mockData}}" wx:key="idx" >
<view wx:for="{{mockData}}" wx:key="idx">
<van-index-anchor index="{{item.name}}" />
<view class="my_cell" wx:for="{{item.data}}" wx:key="idx" wx:for-item="item2">
<van-checkbox name="{{item2.carName}}" shape="square"></van-checkbox>
<van-image width="48" height="36" src="{{item2.imgUrl}}" />
<text>{{item2.carName}}</text>
<van-checkbox name="{{filter.stringify(item2)}}" shape="square"></van-checkbox>
<!-- <van-image width="48" height="36" src="{{item2.img}}" /> -->
<view class="imgBox" style="display: inline-block;height: 96rpx;width: 96rpx; margin-left: 48rpx;">
<image src="{{item2.img}}" style="width:96rpx;" mode="widthFix" lazy-load="{{true}}"></image>
</view>
<text>{{item2.brandname}}</text>
</view>
</view>

37
pages/varComm/pages/brand/index.wxss
Unescape View File

@ -91,4 +91,41 @@ page {
.my_cell text{
font-size: 28rpx;
margin-left: 24rpx;
}
.del_box {
display: inline-block;
height: 208rpx;
width: 200rpx;
margin-left: 32rpx;
background-color: #339cff;
border-radius: 8rpx;
border: 2rpx solid #85c3ff;
overflow: hidden;
/* margin-top: 16rpx; */
}
.del_box .del{
/* background: pink; */
border-bottom: 1rpx solid ;
border-image: linear-gradient(to right,rgba(245, 245, 245, 0),rgba(238, 238, 238, 1),rgba(232, 232, 232, 0))1;
height: 61rpx;
line-height: 61rpx;
color: white;
}
.brand_img_box{
height: 80rpx;
width: 80rpx;
background: white;
margin-left:62rpx ;
margin-top:16rpx ;
border-radius: 8rpx;
display:flex;
align-items: center;
}
.car_barnd{
text-align: center;
font-size: 28rpx;
font-weight: bold;
color: white;
margin-top: 4rpx;
}

8
pages/varComm/pages/brandRatio/index.wxml
Unescape View File

@ -5,9 +5,13 @@
<view class="add1">
<view class="add_box">
<view class="del">
<text style="font-size: 42rpx;">×</text>
<text>删除</text>
<text style="font-size: 24rpx;display: inline-block;margin-left: 64rpx;">×</text>
<text style="font-size: 24rpx;font-weight: 100;"> 删除</text>
</view>
<view class="brand_img_box">
<image src="http://v.sws010.com/img/brand/276.png" style="width:100%;" mode="widthFix" lazy-load="{{true}}"></image>
</view>
<view class="car_barnd">宝马</view>
</view>
</view>
<view class="event_recom1">

25
pages/varComm/pages/brandRatio/index.wxss
Unescape View File

@ -42,4 +42,29 @@ page {
border-top-right-radius: 24rpx;
padding-top: 32rpx;
padding-left: 32rpx;
}
.add_box .del{
/* background: pink; */
border-bottom: 1rpx solid ;
border-image: linear-gradient(to right,rgba(245, 245, 245, 0),rgba(238, 238, 238, 1),rgba(232, 232, 232, 0))1;
height: 61rpx;
line-height: 61rpx;
color: white;
}
.brand_img_box{
height: 80rpx;
width: 80rpx;
background: white;
margin-left:62rpx ;
margin-top:16rpx ;
border-radius: 8rpx;
display:flex;
align-items: center;
}
.car_barnd{
text-align: center;
font-size: 28rpx;
font-weight: bold;
color: white;
margin-top: 4rpx;
}
Write Preview
Loading…
Cancel
Save