更换版本
This commit is contained in:
30
pages/selectscards/index.js
Normal file
30
pages/selectscards/index.js
Normal file
@@ -0,0 +1,30 @@
|
||||
var a;
|
||||
(a = getApp()),
|
||||
Page({
|
||||
data: { toabc: "", classes: [], max_height: 667 },
|
||||
onLoad: function () {
|
||||
var t = wx.getSystemInfoSync(),
|
||||
e = this;
|
||||
a.util.request({
|
||||
url: "entry/wxapp/Api",
|
||||
data: { m: "monai_market", r: "sale.index.carsbrand" },
|
||||
cachetime: "0",
|
||||
success: function (a) {
|
||||
console.log(a),
|
||||
e.setData({ classes: a.data.data, max_height: t.windowHeight });
|
||||
},
|
||||
});
|
||||
},
|
||||
retoabc: function (a) {
|
||||
this.setData({ toabc: a.currentTarget.dataset.abc });
|
||||
},
|
||||
backid: function (t) {
|
||||
a.util.navigateBack({
|
||||
data: {
|
||||
brandid: t.currentTarget.dataset.ids,
|
||||
brandname: t.currentTarget.dataset.name,
|
||||
brand_status: 1,
|
||||
},
|
||||
});
|
||||
},
|
||||
});
|
1
pages/selectscards/index.json
Normal file
1
pages/selectscards/index.json
Normal file
@@ -0,0 +1 @@
|
||||
{ "navigationBarTitleText": "汽车品牌", "usingComponents": {} }
|
14
pages/selectscards/index.wxml
Normal file
14
pages/selectscards/index.wxml
Normal file
@@ -0,0 +1,14 @@
|
||||
<view class="wsy_index_max">
|
||||
<scroll-view class="wsy_index_scroll" scrollIntoView="nav-{{toabc}}" scrollTop="0rpx" scrollY="true" style="height:{{max_height}}px">
|
||||
<view class="scroll-view-item bc_green" id="nav-{{abc}}" wx:if="{{item_max.length>0}}" wx:for="{{classes}}" wx:for-index="abc" wx:for-item="item_max" wx:key="abc">
|
||||
<view class="wsy_cars_for_title">{{abc}}</view>
|
||||
<view bindtap="backid" class="wsy_cars_for_detail" data-ids="{{items.id}}" data-name="{{items.name}}" wx:for="{{item_max}}" wx:for-item="items" wx:key="cars">
|
||||
<image class="wsy_cars_for_img" src="{{items.brand_icon}}"></image>
|
||||
<view class="wsy_cars_for_name">{{items.name}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view class="wsy_cars_abc_list_max">
|
||||
<view bindtap="retoabc" class="wsy_cars_abc_list" data-abc="{{index}}" wx:for="{{classes}}">{{index}}</view>
|
||||
</view>
|
||||
</view>
|
60
pages/selectscards/index.wxss
Normal file
60
pages/selectscards/index.wxss
Normal file
@@ -0,0 +1,60 @@
|
||||
.wsy_index_max {
|
||||
background-color: #fff;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.wsy_index_scroll {
|
||||
border-bottom: 1rpx solid #8a8a8a;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.scroll-view-item {
|
||||
height: auto;
|
||||
width: 100%;
|
||||
}
|
||||
.wsy_cars_for_title {
|
||||
background-color: #f0f0f0;
|
||||
color: #8a8a8a;
|
||||
font-size: 30rpx;
|
||||
font-weight: blod;
|
||||
height: 50rpx;
|
||||
line-height: 50rpx;
|
||||
padding-left: 5%;
|
||||
width: 95%;
|
||||
}
|
||||
.wsy_cars_for_detail {
|
||||
height: 80rpx;
|
||||
margin-bottom: 10rpx;
|
||||
margin-left: 30rpx;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.wsy_cars_for_img {
|
||||
float: left;
|
||||
height: 70rpx;
|
||||
margin-top: 5rpx;
|
||||
width: 70rpx;
|
||||
}
|
||||
.wsy_cars_for_name {
|
||||
font-color: #8a8a8a;
|
||||
display: inline-block;
|
||||
font-size: 30rpx;
|
||||
margin-left: 8rpx;
|
||||
margin-top: 20rpx;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.wsy_cars_abc_list_max {
|
||||
background-color: #fff;
|
||||
border-radius: 999rpx;
|
||||
opacity: 0.5;
|
||||
padding: 10rpx;
|
||||
position: fixed;
|
||||
right: 10rpx;
|
||||
text-align: center;
|
||||
top: 50%;
|
||||
transform: translate(0, -50%);
|
||||
}
|
||||
.wsy_cars_abc_list {
|
||||
font-color: #8a8a8a;
|
||||
font-size: 26rpx;
|
||||
margin: 10rpx auto;
|
||||
}
|
Reference in New Issue
Block a user