作者 朱振飞

价格区间

@@ -698,7 +698,6 @@ Page({ @@ -698,7 +698,6 @@ Page({
698 for (var i = 0; i < newnavarr.length; i++) { 698 for (var i = 0; i < newnavarr.length; i++) {
699 if (i == index) { 699 if (i == index) {
700 newnavarr[i].sel = !newnavarr[i].sel; 700 newnavarr[i].sel = !newnavarr[i].sel;
701 -  
702 if (type == 4) { 701 if (type == 4) {
703 if (newnavarr[i].sel == true) { 702 if (newnavarr[i].sel == true) {
704 console.log(999) 703 console.log(999)
@@ -717,8 +716,6 @@ Page({ @@ -717,8 +716,6 @@ Page({
717 pricechose: false, 716 pricechose: false,
718 morechose: false, 717 morechose: false,
719 fenchose: false 718 fenchose: false
720 -  
721 -  
722 }) 719 })
723 } 720 }
724 }else if(type==2){ 721 }else if(type==2){
@@ -798,9 +795,6 @@ Page({ @@ -798,9 +795,6 @@ Page({
798 newnavarr[i].sel = false 795 newnavarr[i].sel = false
799 } 796 }
800 } 797 }
801 -  
802 -  
803 -  
804 this.setData({ 798 this.setData({
805 navarr: newnavarr 799 navarr: newnavarr
806 }) 800 })
@@ -842,19 +836,25 @@ Page({ @@ -842,19 +836,25 @@ Page({
842 console.log(that.data.selectinfo) 836 console.log(that.data.selectinfo)
843 837
844 let middlevalue = ''; 838 let middlevalue = '';
845 -  
846 - 839 + let during = that.data.selectinfo.price[0].number;
  840 + let max = parseInt(that.data.selectinfo.price[0].max) + parseInt(that.data.selectinfo.price[0].number);
  841 + let duan = parseInt(max/during);
  842 + let per_val = (during/max*100).toFixed(2);
  843 + let tempData = [];
  844 + for(let i = 1; i<=duan ; i++){
  845 + tempData.push(i)
  846 + }
847 847
848 that.setData({ 848 that.setData({
849 -  
850 leftMin: parseInt(that.data.selectinfo.price[0].realmin), 849 leftMin: parseInt(that.data.selectinfo.price[0].realmin),
851 rightMax: parseInt(that.data.selectinfo.price[0].realmax), 850 rightMax: parseInt(that.data.selectinfo.price[0].realmax),
852 -  
853 min: parseInt(that.data.selectinfo.price[0].min) - parseInt(that.data.selectinfo.price[0].number), 851 min: parseInt(that.data.selectinfo.price[0].min) - parseInt(that.data.selectinfo.price[0].number),
854 max: parseInt(that.data.selectinfo.price[0].max) + parseInt(that.data.selectinfo.price[0].number), 852 max: parseInt(that.data.selectinfo.price[0].max) + parseInt(that.data.selectinfo.price[0].number),
855 priceyuan: that.data.selectinfo.price[0].realmin + '元' + '-' + that.data.selectinfo.price[0].realmax + '元', 853 priceyuan: that.data.selectinfo.price[0].realmin + '元' + '-' + that.data.selectinfo.price[0].realmax + '元',
856 pricevalue: that.data.selectinfo.price[0].realmin + '-' + that.data.selectinfo.price[0].realmax, 854 pricevalue: that.data.selectinfo.price[0].realmin + '-' + that.data.selectinfo.price[0].realmax,
857 - number: that.data.selectinfo.price[0].number 855 + number: that.data.selectinfo.price[0].number,
  856 + during: tempData,
  857 + per_val:per_val
858 }) 858 })
859 console.log(909080807070) 859 console.log(909080807070)
860 860
@@ -26,24 +26,19 @@ @@ -26,24 +26,19 @@
26 <!-- 价格 --> 26 <!-- 价格 -->
27 <view class="register" wx:if="{{pricechose}}" bindtap="hideprice" catchtouchmove='true'> 27 <view class="register" wx:if="{{pricechose}}" bindtap="hideprice" catchtouchmove='true'>
28 <view class="pregisterwrap"> 28 <view class="pregisterwrap">
29 -  
30 <view class="pyuan">{{priceyuan}}</view> 29 <view class="pyuan">{{priceyuan}}</view>
31 -  
32 <view class="zy-slider" catchtap='pingbi'> 30 <view class="zy-slider" catchtap='pingbi'>
33 <zy-slider id="zy-slider1" minValue="{{leftMin}}" maxValue="{{rightMax}}" min="{{min}}" max="{{max}}" blockColor="#0099FF" backgroundColor="#B0C4DE" selectedColor="#FF1493" bind:lowValueChange="lowValueChangeAction" bind:heighValueChange="heighValueChangeAction" 31 <zy-slider id="zy-slider1" minValue="{{leftMin}}" maxValue="{{rightMax}}" min="{{min}}" max="{{max}}" blockColor="#0099FF" backgroundColor="#B0C4DE" selectedColor="#FF1493" bind:lowValueChange="lowValueChangeAction" bind:heighValueChange="heighValueChangeAction"
34 /> 32 />
35 <!-- style="left:{{ppleft}}rpx; width:{{ppvalue-ppleft}}rpx" --> 33 <!-- style="left:{{ppleft}}rpx; width:{{ppvalue-ppleft}}rpx" -->
36 - <view class="pp" style="width:95%;background:red;height:10rpx;margin:50rpx auto 0">  
37 - <view class="ppitem"></view>  
38 - <view class="ppitem"></view>  
39 - <view class="ppitem"></view>  
40 - <view class="ppitem"></view> 34 + <view class="pp" style="height:10rpx;margin:50rpx 0 0 5px">
  35 + <block wx:for='{{during}}' wx:key=''>
  36 + <view style="width: {{per_val}}%" class="single_item">
  37 + <view class="detail_num">{{item*number}}</view>
  38 + </view>
  39 + </block>
41 </view> 40 </view>
42 </view> 41 </view>
43 -  
44 -  
45 -  
46 -  
47 </view> 42 </view>
48 </view> 43 </view>
49 44
@@ -51,12 +46,10 @@ @@ -51,12 +46,10 @@
51 <view class="register" wx:if="{{fenchose}}" bindtap="hidefen" catchtouchmove='true'> 46 <view class="register" wx:if="{{fenchose}}" bindtap="hidefen" catchtouchmove='true'>
52 <view class="pregisterwrap"> 47 <view class="pregisterwrap">
53 <view class="pyuan">{{score}}</view> 48 <view class="pyuan">{{score}}</view>
54 -  
55 <view class="zy-slider"> 49 <view class="zy-slider">
56 <zy-slider id="zy-slider1" minValue="{{fenleftMin}}" maxValue="{{fenrightMax}}" min="{{fenmin}}" max="{{fenmax}}" blockColor="#0099FF" backgroundColor="#B0C4DE" selectedColor="#FF1493" bind:lowValueChange="fenlowValueChangeAction" bind:heighValueChange="fenheighValueChangeAction" 50 <zy-slider id="zy-slider1" minValue="{{fenleftMin}}" maxValue="{{fenrightMax}}" min="{{fenmin}}" max="{{fenmax}}" blockColor="#0099FF" backgroundColor="#B0C4DE" selectedColor="#FF1493" bind:lowValueChange="fenlowValueChangeAction" bind:heighValueChange="fenheighValueChangeAction"
57 /> 51 />
58 </view> 52 </view>
59 -  
60 </view> 53 </view>
61 </view> 54 </view>
62 55
@@ -97,12 +90,7 @@ @@ -97,12 +90,7 @@
97 data-basic_sort="{{item.basic_sort}}" bind:heighValueChange="heighValueChangeAction1" data-parindex="{{par}}" /> 90 data-basic_sort="{{item.basic_sort}}" bind:heighValueChange="heighValueChangeAction1" data-parindex="{{par}}" />
98 </view> 91 </view>
99 </view> 92 </view>
100 -  
101 </view> 93 </view>
102 -  
103 -  
104 -  
105 -  
106 </view> 94 </view>
107 </view> 95 </view>
108 <view class="shaisel"> 96 <view class="shaisel">
@@ -125,8 +113,6 @@ @@ -125,8 +113,6 @@
125 <view class="nodataimg" wx:if="{{zhinenglist.length==0}}"> 113 <view class="nodataimg" wx:if="{{zhinenglist.length==0}}">
126 <image src="/img/wushuju.png"></image> 114 <image src="/img/wushuju.png"></image>
127 </view> 115 </view>
128 -  
129 -  
130 <block wx:else> 116 <block wx:else>
131 <view class="searchitem" wx:for="{{zhinenglist}}" wx:key="" bindtap="jumpbrand" data-id="{{item.id}}"> 117 <view class="searchitem" wx:for="{{zhinenglist}}" wx:key="" bindtap="jumpbrand" data-id="{{item.id}}">
132 <view class="searchitemleft"> 118 <view class="searchitemleft">
@@ -146,9 +132,6 @@ @@ -146,9 +132,6 @@
146 </view> 132 </view>
147 133
148 <view class="starimg" bindtap="collect" data-id="{{item.id}}"> 134 <view class="starimg" bindtap="collect" data-id="{{item.id}}">
149 -  
150 -  
151 -  
152 <image src="{{url}}aicon_10x.png" wx:if="{{item.is_favorite==1}}"></image> 135 <image src="{{url}}aicon_10x.png" wx:if="{{item.is_favorite==1}}"></image>
153 <image src="{{url}}aicon_09x.png" wx:else></image> 136 <image src="{{url}}aicon_09x.png" wx:else></image>
154 </view> 137 </view>
@@ -324,6 +324,35 @@ page { @@ -324,6 +324,35 @@ page {
324 width:1px; 324 width:1px;
325 height:50rpx; 325 height:50rpx;
326 background: green; 326 background: green;
327 -  
328 - 327 +}
  328 +.single_item{
  329 + height: 2px;
  330 + background: #f5f5f5;
  331 + position: relative;
  332 +}
  333 +.single_item::after{
  334 + content:'';
  335 + height: 8px;
  336 + width: 2px;
  337 + background-color: #ccc;
  338 + right: 0;
  339 + position: absolute;
  340 + bottom: 0;
  341 +}
  342 +.single_item:last-child{
  343 + opacity: 0
  344 +}
  345 +.single_item:first-child{
  346 + background: #FFF;
  347 +}
  348 +.single_item:last-child::after{
  349 + height: 0;
  350 +}
  351 +.detail_num{
  352 + color: #999;
  353 + font-size: 24rpx;
  354 + position: absolute;
  355 + top: -25px;
  356 + right: 0;
  357 + transform: translateX(50%);
329 } 358 }
  1 +// pages/yonghuxieyi/yonghuxieyi.js
  2 +Page({
  3 +
  4 + /**
  5 + * 页面的初始数据
  6 + */
  7 + data: {
  8 +
  9 + },
  10 +
  11 + /**
  12 + * 生命周期函数--监听页面加载
  13 + */
  14 + onLoad: function (options) {
  15 +
  16 + },
  17 +
  18 + /**
  19 + * 生命周期函数--监听页面初次渲染完成
  20 + */
  21 + onReady: function () {
  22 +
  23 + },
  24 +
  25 + /**
  26 + * 生命周期函数--监听页面显示
  27 + */
  28 + onShow: function () {
  29 +
  30 + },
  31 +
  32 + /**
  33 + * 生命周期函数--监听页面隐藏
  34 + */
  35 + onHide: function () {
  36 +
  37 + },
  38 +
  39 + /**
  40 + * 生命周期函数--监听页面卸载
  41 + */
  42 + onUnload: function () {
  43 +
  44 + },
  45 +
  46 + /**
  47 + * 页面相关事件处理函数--监听用户下拉动作
  48 + */
  49 + onPullDownRefresh: function () {
  50 +
  51 + },
  52 +
  53 + /**
  54 + * 页面上拉触底事件的处理函数
  55 + */
  56 + onReachBottom: function () {
  57 +
  58 + },
  59 +
  60 + /**
  61 + * 用户点击右上角分享
  62 + */
  63 + onShareAppMessage: function () {
  64 +
  65 + }
  66 +})
  1 +{
  2 + "usingComponents": {}
  3 +}
  1 +<!--pages/yonghuxieyi/yonghuxieyi.wxml-->
  2 +<text>pages/yonghuxieyi/yonghuxieyi.wxml</text>
  1 +/* pages/yonghuxieyi/yonghuxieyi.wxss */
@@ -49,7 +49,7 @@ @@ -49,7 +49,7 @@
49 "list": [] 49 "list": []
50 }, 50 },
51 "miniprogram": { 51 "miniprogram": {
52 - "current": 47, 52 + "current": 48,
53 "list": [ 53 "list": [
54 { 54 {
55 "id": -1, 55 "id": -1,
@@ -384,6 +384,14 @@ @@ -384,6 +384,14 @@
384 "id": -1, 384 "id": -1,
385 "name": "用户协议", 385 "name": "用户协议",
386 "pathName": "pages/yonghuxieyi/yonghuxieyi", 386 "pathName": "pages/yonghuxieyi/yonghuxieyi",
  387 + "query": "",
  388 + "scene": null
  389 + },
  390 + {
  391 + "id": -1,
  392 + "name": "pages/homeblock/zhinengselect/zhinengselect",
  393 + "pathName": "pages/homeblock/zhinengselect/zhinengselect",
  394 + "query": "",
387 "scene": null 395 "scene": null
388 } 396 }
389 ] 397 ]