正在显示
29 个修改的文件
包含
150 行增加
和
1274 行删除
1 | -// components/popup/popup.js | 1 | +import { |
2 | + request | ||
3 | +} from "../../request/index.js" | ||
4 | +const a = getApp() | ||
2 | Component({ | 5 | Component({ |
3 | /** | 6 | /** |
4 | * 组件的属性列表 | 7 | * 组件的属性列表 |
5 | */ | 8 | */ |
6 | properties: { | 9 | properties: { |
7 | - text: { | ||
8 | - type: String, | ||
9 | - value: '' | ||
10 | - } | 10 | + |
11 | }, | 11 | }, |
12 | 12 | ||
13 | /** | 13 | /** |
14 | * 组件的初始数据 | 14 | * 组件的初始数据 |
15 | */ | 15 | */ |
16 | data: { | 16 | data: { |
17 | - showDialog: false, | ||
18 | - contentTxt: '暂无评价', | 17 | + it_true: false, |
18 | + leftMenuList: [], | ||
19 | + // 右侧内容滚动条距离顶部距离 | ||
20 | + scrollTop: 0, | ||
21 | + currentIndex: 0, | ||
22 | + rightMenuList: 0, | ||
19 | }, | 23 | }, |
20 | 24 | ||
21 | - | ||
22 | /** | 25 | /** |
23 | * 组件的方法列表 | 26 | * 组件的方法列表 |
24 | */ | 27 | */ |
25 | methods: { | 28 | methods: { |
26 | - toggleDialog() { | 29 | + openistrye() { |
30 | + | ||
27 | this.setData({ | 31 | this.setData({ |
28 | - showDialog: !this.data.showDialog | 32 | + it_true: true |
29 | }) | 33 | }) |
30 | }, | 34 | }, |
31 | - | 35 | + async getLeftCates() { // 左分类数据 |
36 | + let that = this; | ||
37 | + console.log("我执行了"); | ||
38 | + const { | ||
39 | + data: { | ||
40 | + data | ||
32 | } | 41 | } |
42 | + } = await request({ | ||
43 | + url: "api/shop/cate", | ||
44 | + }) | ||
45 | + console.log(data, "左分类"); | ||
46 | + that.setData({ | ||
47 | + leftMenuList: data | ||
48 | + }) | ||
49 | + }, | ||
33 | 50 | ||
51 | + } | ||
34 | }) | 52 | }) |
components/popup/popup.less
0 → 100644
1 | -<view class="zan-dialog {{ !showDialog }}"> | ||
2 | - <view class="zan-dialog__container"> | ||
3 | - <view style='padding:100rpx;'>{{contentTxt}}</view> | 1 | +<view class="skjh" wx:if="{{it_true}}">你大爷的</view> |
2 | +<view class="cates_container"> | ||
3 | + <!-- 左侧菜单 --> | ||
4 | + <scroll-view class="left_menu" scroll-y> | ||
5 | + <view bindtap="handleItemTap" data-index="{{index}}" class="menu_item u-f-ajc {{index===currentIndex?'active':''}}" wx:for="{{leftMenuList}}" wx:key="*this"> | ||
6 | + {{item.name}} | ||
4 | </view> | 7 | </view> |
8 | + </scroll-view> | ||
9 | + <!-- 右侧菜单 --> | ||
10 | + <scroll-view class="right_menu" scroll-y scroll-top="{{scrollTop}}"> | ||
11 | + <view class="goods_group" wx:for="{{rightMenuList}}" wx:if="{{rightMenuList!=0}}" wx:for-index="index1" wx:for-item="item1" wx:key="index1"> | ||
12 | + <!-- 标题 --> | ||
13 | + <view class="goods_title u-f-ajc"> | ||
14 | + <text class="delimiter">/</text> | ||
15 | + <text class="title u-f-ajc">{{item1.cat_name}}</text> | ||
16 | + <text class="delimiter">/</text> | ||
17 | + </view> | ||
18 | + <!-- 内容 --> | ||
19 | + <view class="goods_list u-f"> | ||
20 | + <navigator url="/pages/goods_lsit/goods_lsit?cid={{item2.cat_id}}" open-type="navigate" wx:for="{{item1.children}}" wx:for-index="index2" wx:for-item="item2" wx:key="cat_id"> | ||
21 | + <image src="{{item2.cat_icon}}" mode="widthFix" lazy-load /> | ||
22 | + <view class="goods_name">{{item2.cat_name}}</view> | ||
23 | + </navigator> | ||
24 | + </view> | ||
25 | + </view> | ||
26 | + </scroll-view> | ||
5 | </view> | 27 | </view> |
1 | -/* 弹窗 */ | ||
2 | -.zan-dialog__mask { | ||
3 | - position: fixed; | ||
4 | - top: 0; | ||
5 | - left: 0; | ||
6 | - right: 0; | ||
7 | - bottom: 0; | ||
8 | - z-index: 10; | ||
9 | - background: rgba(0, 0, 0, 0); | ||
10 | - background: rgba(0, 0, 0, 0.4); | ||
11 | - display: none; | ||
12 | -} | ||
13 | - | ||
14 | -.zan-dialog__container { | ||
15 | - margin-left: 7rpx; | ||
16 | - position: fixed; | ||
17 | - bottom: 400rpx; | ||
18 | - width: 90%; | ||
19 | - background: #f8f8f8; | ||
20 | - transform: translateY(300%); | ||
21 | - transition: all 0.4s ease; | ||
22 | - z-index: 12; | ||
23 | - border-radius: 20rpx; | ||
24 | - box-shadow: 0px 3px 3px 2px gainsboro; | ||
25 | -} | ||
26 | - | ||
27 | -.zan-dialog--show .zan-dialog__container { | ||
28 | - transform: translateY(0); | ||
29 | -} | ||
30 | - | ||
31 | -.zan-dialog--show .zan-dialog__mask { | ||
32 | - display: block; | ||
33 | -} |
1 | { | 1 | { |
2 | "usingComponents": { | 2 | "usingComponents": { |
3 | - "searchInput": "../../components/searchInput/searchInput" | 3 | + "searchInput": "../../Components/searchInput/searchInput" |
4 | }, | 4 | }, |
5 | "navigationBarTitleText": "4S店", | 5 | "navigationBarTitleText": "4S店", |
6 | "navigationBarBackgroundColor": "#e8370f", | 6 | "navigationBarBackgroundColor": "#e8370f", |
1 | 1 | ||
2 | { | 2 | { |
3 | "usingComponents": { | 3 | "usingComponents": { |
4 | - "searchInput": "../../components/searchInput/searchInput" | 4 | + "searchInput": "../../Components/searchInput/searchInput" |
5 | }, | 5 | }, |
6 | "navigationBarTitleText": "车唛优选", | 6 | "navigationBarTitleText": "车唛优选", |
7 | "navigationBarBackgroundColor": "#F53526", | 7 | "navigationBarBackgroundColor": "#F53526", |
@@ -32,6 +32,7 @@ Page({ | @@ -32,6 +32,7 @@ Page({ | ||
32 | // 同 4Sstore 页面相同 | 32 | // 同 4Sstore 页面相同 |
33 | onLoad: function (options) { | 33 | onLoad: function (options) { |
34 | let that = this | 34 | let that = this |
35 | + console.log(options); | ||
35 | let s4_id = options.s4_id | 36 | let s4_id = options.s4_id |
36 | console.log(s4_id); | 37 | console.log(s4_id); |
37 | that.setData({ | 38 | that.setData({ |
@@ -289,8 +290,11 @@ Page({ | @@ -289,8 +290,11 @@ Page({ | ||
289 | } | 290 | } |
290 | } = await request({ | 291 | } = await request({ |
291 | url: 'api/shop4s2/img3', | 292 | url: 'api/shop4s2/img3', |
293 | + data: { | ||
294 | + s4_id: that.data.s4_id | ||
295 | + } | ||
292 | }) | 296 | }) |
293 | - console.log(data); | 297 | + console.log(data, "三张图"); |
294 | that.setData({ | 298 | that.setData({ |
295 | goodDetal: data | 299 | goodDetal: data |
296 | }) | 300 | }) |
@@ -528,6 +532,65 @@ Page({ | @@ -528,6 +532,65 @@ Page({ | ||
528 | 532 | ||
529 | }, | 533 | }, |
530 | 534 | ||
535 | + toGoDetailA(e) { | ||
536 | + let that = this | ||
537 | + let idata = e.currentTarget.dataset.idata | ||
538 | + let jump = idata.jump_type | ||
539 | + let good_type = Number(idata.good_type1) | ||
540 | + let good_id = idata.good1_id | ||
541 | + that.publicDetails(jump, good_type, good_id) | ||
542 | + }, | ||
543 | + toGoDetailB(e) { | ||
544 | + let that = this | ||
545 | + let idata = e.currentTarget.dataset.idata | ||
546 | + let jump = idata.jump_type | ||
547 | + let good_type = Number(idata.good_type2) | ||
548 | + let good_id = idata.good2_id | ||
549 | + that.publicDetails(jump, good_type, good_id) | ||
550 | + }, | ||
551 | + toGoDetailC(e) { | ||
552 | + let that = this | ||
553 | + let idata = e.currentTarget.dataset.idata | ||
554 | + let jump = idata.jump_type | ||
555 | + let good_type = Number(idata.good_type3) | ||
556 | + let good_id = idata.good3_id | ||
557 | + that.publicDetails(jump, good_type, good_id) | ||
558 | + }, | ||
559 | + publicDetails(jump, good_type, good_id) { | ||
560 | + if (jump == 1) { //可以跳转 | ||
561 | + switch (good_type) { | ||
562 | + case 1: // 人气好物 | ||
563 | + wx.navigateTo({ | ||
564 | + url: '/pages/detail/detail?id=' + good_id | ||
565 | + }) | ||
566 | + break; | ||
567 | + case 2: // 精选推荐 | ||
568 | + wx.navigateTo({ | ||
569 | + url: '/pages/productdetailsImg/productdetailsImg?id=' + good_id | ||
570 | + }) | ||
571 | + break; | ||
572 | + case 3: // 团购热卖 | ||
573 | + wx.navigateTo({ | ||
574 | + url: '/pages/VtuanDetail/VtuanDetail?id' + good_id | ||
575 | + }) | ||
576 | + break; | ||
577 | + case 4: //限时抢购 | ||
578 | + wx.navigateTo({ | ||
579 | + url: '/pages/VSpikeMallDetail/VSpikeMallDetail?id=' + good_id | ||
580 | + }) | ||
581 | + break; | ||
582 | + case 5: //车型商品 | ||
583 | + wx.navigateTo({ | ||
584 | + url: '/pages/carDetails/carDetails?id=' + good_id | ||
585 | + }) | ||
586 | + break; | ||
587 | + default: | ||
588 | + break; | ||
589 | + } | ||
590 | + } else { | ||
591 | + a.popTest('该4s店暂未运营') | ||
592 | + } | ||
593 | + }, | ||
531 | 594 | ||
532 | 595 | ||
533 | 596 |
@@ -117,10 +117,10 @@ | @@ -117,10 +117,10 @@ | ||
117 | <image src="{{goodDetal.img1}}" /> | 117 | <image src="{{goodDetal.img1}}" /> |
118 | </view> | 118 | </view> |
119 | <view class="rt_box"> | 119 | <view class="rt_box"> |
120 | - <view class="ry_top" bindtap="hotProducts" data-tir="1"> | 120 | + <view class="ry_top" catchtap="hotProducts" data-tir="1"> |
121 | <image src="{{goodDetal.img2}}" /> | 121 | <image src="{{goodDetal.img2}}" /> |
122 | </view> | 122 | </view> |
123 | - <view class="ry_down" bindtap="hotProducts" data-tir="2"> | 123 | + <view class="ry_down" catchtap="hotProducts" data-tir="2"> |
124 | <image src="{{goodDetal.img3}}" /> | 124 | <image src="{{goodDetal.img3}}" /> |
125 | </view> | 125 | </view> |
126 | </view> | 126 | </view> |
1 | { | 1 | { |
2 | "usingComponents": { | 2 | "usingComponents": { |
3 | - "searchInput": "../../components/searchInput/searchInput" | 3 | + "searchInput": "../../Components/searchInput/searchInput" |
4 | }, | 4 | }, |
5 | "navigationStyle": "custom", | 5 | "navigationStyle": "custom", |
6 | "navigationBarTextStyle": "white" | 6 | "navigationBarTextStyle": "white" |
@@ -25,8 +25,6 @@ Page({ | @@ -25,8 +25,6 @@ Page({ | ||
25 | that.setData({ | 25 | that.setData({ |
26 | id: options.id, | 26 | id: options.id, |
27 | }) | 27 | }) |
28 | - // 获得popup组件 | ||
29 | - this.popup = this.selectComponent("#popup"); | ||
30 | }, | 28 | }, |
31 | onShow: function () { | 29 | onShow: function () { |
32 | wx.showToast({ | 30 | wx.showToast({ |
@@ -14,131 +14,29 @@ Page({ | @@ -14,131 +14,29 @@ Page({ | ||
14 | /** | 14 | /** |
15 | * 生命周期函数--监听页面显示 | 15 | * 生命周期函数--监听页面显示 |
16 | */ | 16 | */ |
17 | - onShow: function () { | ||
18 | - this.getNopicture() | ||
19 | - this.getZanPerson() | ||
20 | - }, | 17 | + onShow: function () {}, |
21 | 18 | ||
22 | /** | 19 | /** |
23 | * 生命周期函数--监听页面加载 | 20 | * 生命周期函数--监听页面加载 |
24 | */ | 21 | */ |
25 | onLoad: function (options) { | 22 | onLoad: function (options) { |
26 | let that = this | 23 | let that = this |
27 | - console.log(options); | ||
28 | - that.setData({ | ||
29 | - sku_id: options.id, | ||
30 | - goods_id: options.goods_id | ||
31 | - }) | ||
32 | - | ||
33 | - }, | ||
34 | - getNopicture() { | ||
35 | - let that = this; | ||
36 | - request({ | ||
37 | - url: 'api/shop/infoGoods', | ||
38 | - data: { | ||
39 | - sku_id: that.data.sku_id, | ||
40 | - } | ||
41 | - }) | ||
42 | - .then(res => { | ||
43 | - // console.log(that.data.sku_id); | ||
44 | - | ||
45 | - that.setData({ | ||
46 | - nopicture: res.data.data | ||
47 | - }) | ||
48 | - // console.log(that.data.nopicture); | ||
49 | - }) | ||
50 | - }, | ||
51 | - getZanPerson() { | ||
52 | - let that = this; | ||
53 | - console.log('aaaa'); | ||
54 | - console.log(that.data.goods_id) | ||
55 | - request({ | ||
56 | - url: 'api/shop/listClickGoods', | ||
57 | - data: { | ||
58 | - goods_id: that.data.goods_id, | ||
59 | - } | ||
60 | - }) | ||
61 | - .then(res => { | ||
62 | - console.log(that.data.goods_id); | ||
63 | - that.setData({ | ||
64 | - zanPersonList: res.data.data | ||
65 | - }) | ||
66 | - console.log(that.data.zanPersonList); | ||
67 | - }) | ||
68 | - }, | ||
69 | - onShareAppMessage: function () { | ||
70 | - var that = this; | ||
71 | - // 设置菜单中的转发按钮触发转发事件时的转发内容 | ||
72 | - var shareObj = { | ||
73 | - title: "转发的标题", // 默认是小程序的名称(可以写slogan等) | ||
74 | - path: '/pages/nopicture/nopicture?id=' + that.data.sku_id, // 默认是当前页面,必须是以‘/’开头的完整路径 | ||
75 | - imageUrl: '', //自定义图片路径,可以是本地文件路径、代码包文件路径或者网络图片路径,支持PNG及JPG,不传入 imageUrl 则使用默认截图。显示图片长宽比是 5:4 | ||
76 | - success: function (res) { | ||
77 | - // 转发成功之后的回调 | ||
78 | - console.log(res); | ||
79 | 24 | ||
80 | - if (res.errMsg == 'shareAppMessage:ok') {} | ||
81 | }, | 25 | }, |
82 | - fail: function () { | ||
83 | - // 转发失败之后的回调 | ||
84 | - if (res.errMsg == 'shareAppMessage:fail cancel') { | ||
85 | - // 用户取消转发 | ||
86 | - } else if (res.errMsg == 'shareAppMessage:fail') { | ||
87 | - // 转发失败,其中 detail message 为详细失败信息 | ||
88 | - } | ||
89 | - }, | ||
90 | - // complete: fucntion() { | ||
91 | - // // 转发结束之后的回调(转发成不成功都会执行) | ||
92 | - // } | ||
93 | - }; | ||
94 | - // 来自页面内的按钮的转发 | ||
95 | - // if (options.from == 'button') { | ||
96 | - // var eData = options.target.dataset; | ||
97 | - // console.log(options); // shareBtn | ||
98 | - // // 此处可以修改 shareObj 中的内容 | ||
99 | - // shareObj.path = '/pages/praise/praise?btn_name=' + eData.name; | ||
100 | - // } | ||
101 | - // 返回shareObj | ||
102 | - return shareObj; | ||
103 | - }, | ||
104 | - /** | ||
105 | - * 生命周期函数--监听页面初次渲染完成 | ||
106 | - */ | ||
107 | onReady: function () { | 26 | onReady: function () { |
108 | - | 27 | + // 页面初次渲染完成后,使用选择器选择组件实例节点,返回匹配到组件实例对象 |
28 | + this.myComponent = this.selectComponent('#towerId') | ||
109 | }, | 29 | }, |
110 | 30 | ||
111 | - | ||
112 | - /** | ||
113 | - * 生命周期函数--监听页面隐藏 | ||
114 | - */ | ||
115 | - onHide: function () { | ||
116 | - | ||
117 | - }, | ||
118 | - | ||
119 | - /** | ||
120 | - * 生命周期函数--监听页面卸载 | ||
121 | - */ | ||
122 | - onUnload: function () { | ||
123 | - | ||
124 | - }, | ||
125 | - | ||
126 | - /** | ||
127 | - * 页面相关事件处理函数--监听用户下拉动作 | ||
128 | - */ | ||
129 | - onPullDownRefresh: function () { | ||
130 | - | 31 | + getNopicture() { |
32 | + let that = this | ||
33 | + console.log(1223333, "我i先走一步"); | ||
34 | + that.selectComponent("#towerId").getLeftCates() | ||
35 | + // let myComponent = this.myComponent | ||
36 | + // myComponent.clickitem() | ||
131 | }, | 37 | }, |
132 | 38 | ||
133 | - /** | ||
134 | - * 页面上拉触底事件的处理函数 | ||
135 | - */ | ||
136 | - onReachBottom: function () { | ||
137 | 39 | ||
138 | - }, | ||
139 | 40 | ||
140 | - /** | ||
141 | - * 用户点击右上角分享 | ||
142 | - */ | ||
143 | 41 | ||
144 | }) | 42 | }) |
1 | <view class="container"> | 1 | <view class="container"> |
2 | - <view class="card"> | ||
3 | - <view class="card_text">{{nopicture.sku_des_content}}</view> | ||
4 | - <view class="card_box"> | ||
5 | - <view class="card_left"> | ||
6 | - <view class="del">¥{{nopicture.normal_price}}</view> | ||
7 | - <text class="zan_price">点赞价:¥{{nopicture.pay_price}}</text> | ||
8 | - <!-- 销量 --> | ||
9 | - <view> | ||
10 | - <text class="sales ">销量:</text> | ||
11 | - <text class="sales ">{{nopicture.weigh}}件</text> | ||
12 | - </view> | ||
13 | - </view> | ||
14 | - <view class="card_right"> | ||
15 | - <view class="collar">领{{nopicture.score}}唛积分</view> | ||
16 | - <text class="all_clear collar">运费:满300包邮</text> | ||
17 | - </view> | ||
18 | - </view> | ||
19 | - </view> | ||
20 | - <!-- 10个赞 --> | ||
21 | - <view class="praise"> | ||
22 | - <text class="praise_title">10个赞就能以点赞价购买商品,快去分享吧!</text> | ||
23 | - <button> | ||
24 | - <image src="{{imagesUrl}}assets/static/img/2_icon@2x.png"></image> | ||
25 | - </button> | ||
26 | - <button open-type="share"> | ||
27 | - <image src="{{imagesUrl}}assets/static/img/1_icon@2x.png"></image> | ||
28 | - </button> | ||
29 | - </view> | ||
30 | - <!-- 点赞用户 --> | ||
31 | - <view class="praise_person"> | ||
32 | - <text>点赞用户</text> | ||
33 | - </view> | ||
34 | - <view class="person_box" wx:for="{{zanPersonList}}" wx:key="*this"> | ||
35 | - <view class="person_name"> | ||
36 | - <image src="{{item.avator}}"></image> | ||
37 | - <text>{{item.nickname}}</text> | ||
38 | - </view> | ||
39 | - <!-- <view class="person_name"> | ||
40 | - <image src="{{imagesUrl}}assets/static/img/Avatar sample 254@2x.png"></image> | ||
41 | - <text>用户昵称</text> | ||
42 | - </view> | ||
43 | - <view class="person_name"> | ||
44 | - <image src="{{imagesUrl}}assets/static/img/Avatar sample 254@2x.png"></image> | ||
45 | - <text>用户昵称</text> | ||
46 | - </view> --> | ||
47 | - </view> | ||
48 | - <!-- 详情 评价 --> | ||
49 | - <view class="details"> | ||
50 | - <view class="details_name"> | ||
51 | - <text>详情</text> | ||
52 | - </view> | ||
53 | - <view class="appraise_name"> | ||
54 | - <text>评价</text> | ||
55 | - </view> | ||
56 | - </view> | ||
57 | - <view class="details_text"> | ||
58 | - <text> | ||
59 | - 车内消毒 夏季雨水天气偏多,因此室内会有一股潮湿感,会滋生很多细菌,汽车内也是一样。而且汽车内一天到晚都是封闭的,滋生的病菌更多。所以大家在不用车的时候记得打开汽车窗户、天窗以及通风口通通风。然后…所以大家在不用车的时候记得打开汽车窗户、天窗以及通风口通通风。然后… | ||
60 | - </text> | ||
61 | - </view> | ||
62 | - <!-- 点赞 --> | ||
63 | - <view class="praise_box"> | ||
64 | - <view class="praise_btn"> | ||
65 | - <image src="{{imagesUrl}}assets/static/img/praise.png"></image> | ||
66 | - <text>点赞</text> | ||
67 | - </view> | ||
68 | - </view> | 2 | + <view class="bjad" bindtap="getNopicture">点击事件</view> |
3 | + <popup id="towerId"></popup> | ||
69 | </view> | 4 | </view> |
@@ -5,292 +5,14 @@ const a = getApp() | @@ -5,292 +5,14 @@ const a = getApp() | ||
5 | Page({ | 5 | Page({ |
6 | data: { | 6 | data: { |
7 | imagesUrl: a.globalData.baseUrl, | 7 | imagesUrl: a.globalData.baseUrl, |
8 | - swiperList: [], | ||
9 | - detailsContent: [], | ||
10 | - zanPersonList: [], | ||
11 | - id: '', | ||
12 | - other_id: '', // 分享用户ID | ||
13 | - _num: 1, | ||
14 | - txtContent: '暂无数据', | ||
15 | - content: '', | ||
16 | - changeZan: '点赞', | ||
17 | - msg: '', // 提示消息 | 8 | + msg: '', |
18 | }, | 9 | }, |
19 | - /** | ||
20 | - * 生命周期函数--监听页面加载 | ||
21 | - */ | ||
22 | - onLoad: function (options) { | ||
23 | - let that = this | ||
24 | - console.log("点赞商品详情", options) | ||
25 | - that.setData({ | ||
26 | - id: options.id | ||
27 | - }) | ||
28 | - // 获得popup组件 | ||
29 | - this.popup = this.selectComponent("#popup"); | ||
30 | - }, | ||
31 | - /** | ||
32 | - * 生命周期函数--监听页面显示 | ||
33 | - */ | ||
34 | - onShow: function () { | ||
35 | - let token = wx.getStorageSync("token") | ||
36 | - if (token) { | ||
37 | - this.getDetailsContent() | ||
38 | - } else { | ||
39 | - wx.showModal({ | ||
40 | - title: '提示', | ||
41 | - content: '您尚未登录,请授权登录', | ||
42 | - success: function (res) { | ||
43 | - if (res.confirm) { | ||
44 | - wx.navigateTo({ | ||
45 | - url: '/pages/authorization/authorization' | ||
46 | - }) | ||
47 | - } else { | ||
48 | - console.log('点击取消回调') | ||
49 | - this.setData({ | ||
50 | - msg: '请登录后操作' | ||
51 | - }) | ||
52 | - this.popMaskTest() | ||
53 | - } | ||
54 | - } | ||
55 | - }) | ||
56 | - | ||
57 | - } | ||
58 | - | ||
59 | - // this.getZanPerson() | ||
60 | - }, | ||
61 | - | ||
62 | - getDetailsContent() { | ||
63 | - let that = this; | ||
64 | - request({ | ||
65 | - url: 'api/shop/zanGoodDetail', | ||
66 | - data: { | ||
67 | - id: that.data.id, | ||
68 | - } | ||
69 | - }) | ||
70 | - .then(res => { | ||
71 | - that.setData({ | ||
72 | - detailsContent: res.data.data, | ||
73 | - content: that.text(res.data.data.content) | ||
74 | - }) | ||
75 | - console.log("详情数组2", that.data.detailsContent); | ||
76 | - }) | ||
77 | - }, | ||
78 | - getZanPerson() { | ||
79 | - let that = this; | ||
80 | - request({ | ||
81 | - url: 'api/shop/listClickGoods', | ||
82 | - data: { | ||
83 | - goods_id: that.data.goods_id, | ||
84 | - } | ||
85 | - }) | ||
86 | - .then(res => { | ||
87 | - // console.log(that.data.goods_id); | ||
88 | - that.setData({ | ||
89 | - zanPersonList: res.data.data | ||
90 | - }) | ||
91 | - // console.log(that.data.zanPersonList); | ||
92 | - }) | ||
93 | - }, | ||
94 | - onShareAppMessage(options) { | ||
95 | - var that = this; | ||
96 | - // 设置菜单中的转发按钮触发转发事件时的转发内容 | ||
97 | - var shareObj = { | ||
98 | - title: "点赞产品", // 默认是小程序的名称(可以写slogan等) | ||
99 | - path: '/pages/praise/praise?id=' + that.data.id, // 默认是当前页面,必须是以‘/’开头的完整路径 | ||
100 | - imageUrl: '', //自定义图片路径,可以是本地文件路径、代码包文件路径或者网络图片路径,支持PNG及JPG,不传入 imageUrl 则使用默认截图。显示图片长宽比是 5:4 | ||
101 | - success: function (res) { | ||
102 | - // 转发成功之后的回调 | ||
103 | - // console.log(res); | ||
104 | - if (res.errMsg == 'shareAppMessage:ok') { | ||
105 | - request({ | ||
106 | - url: 'api/shop/zanGoodDetail', | ||
107 | - data: { | ||
108 | - id: that.data.id, | ||
109 | - other_id: '', | ||
110 | - } | ||
111 | - }) | ||
112 | - .then(res => { | ||
113 | - that.setData({ | ||
114 | - other_idList: res.data.data | ||
115 | - }) | ||
116 | - console.log(that.data.zanPersonList); | ||
117 | - }) | ||
118 | - } | ||
119 | - }, | ||
120 | - fail: function () { | ||
121 | - // 转发失败之后的回调 | ||
122 | - if (res.errMsg == 'shareAppMessage:fail cancel') { | ||
123 | - // 用户取消转发 | ||
124 | - } else if (res.errMsg == 'shareAppMessage:fail') { | ||
125 | - // 转发失败,其中 detail message 为详细失败信息 | ||
126 | - } | ||
127 | - }, | ||
128 | - // complete: fucntion() { | ||
129 | - // // 转发结束之后的回调(转发成不成功都会执行) | ||
130 | - // } | ||
131 | - }; | ||
132 | 10 | ||
133 | - // 返回shareObj | ||
134 | - return shareObj; | ||
135 | - }, | ||
136 | - changeTitle(e) { | ||
137 | - this.setData({ | ||
138 | - _num: e.currentTarget.dataset.num | ||
139 | - }) | ||
140 | - // this.popup.toggleDialog() | 11 | + onLoad: function (options) { |
141 | 12 | ||
142 | }, | 13 | }, |
143 | - // 立即购买 | ||
144 | - gotopay() { | ||
145 | - // this.showModal(); | ||
146 | - request({ | ||
147 | - url: 'api/shop/zan', | ||
148 | - data: { | ||
149 | - id: that.data.id, | ||
150 | - other_id: '', | ||
151 | - } | ||
152 | - }) | ||
153 | - .then(res => { | ||
154 | - that.setData({ | ||
155 | - other_idList: res.data.data, | ||
156 | - changeZan: '已点赞', | ||
157 | - msg: res.data.msg | ||
158 | - }) | ||
159 | - this.popSuccessTest() | ||
160 | - console.log(that.data.zanPersonList); | ||
161 | - }) | ||
162 | - }, | ||
163 | - // 加入购物车 | ||
164 | - addShopCart(e) { | ||
165 | - console.log(e, "加入购物车"); | ||
166 | - id = e.currentTarget.dataset.id | ||
167 | - }, | ||
168 | - // 弹窗 | ||
169 | - //显示对话框 | ||
170 | - showModal() { | ||
171 | - // 显示遮罩层 | ||
172 | - var animation = wx.createAnimation({ | ||
173 | - duration: 200, | ||
174 | - timingFunction: "linear", | ||
175 | - delay: 0 | ||
176 | - }) | ||
177 | - this.animation = animation | ||
178 | - animation.translateY(300).step() | ||
179 | - this.setData({ | ||
180 | - animationData: animation.export(), | ||
181 | - showModalStatus: true | ||
182 | - }) | ||
183 | - setTimeout(function () { | ||
184 | - animation.translateY(0).step() | ||
185 | - this.setData({ | ||
186 | - animationData: animation.export() | ||
187 | - }) | ||
188 | - }.bind(this), 100) | ||
189 | - }, | ||
190 | - //隐藏对话框 | ||
191 | - hideModal() { | ||
192 | - // 隐藏遮罩层 | ||
193 | - var animation = wx.createAnimation({ | ||
194 | - duration: 200, | ||
195 | - timingFunction: "linear", | ||
196 | - delay: 0 | ||
197 | - }) | ||
198 | - this.animation = animation | ||
199 | - animation.translateY(300).step() | ||
200 | - this.setData({ | ||
201 | - animationData: animation.export(), | ||
202 | - }) | ||
203 | - setTimeout(function () { | ||
204 | - animation.translateY(0).step() | ||
205 | - this.setData({ | ||
206 | - animationData: animation.export(), | ||
207 | - showModalStatus: false | ||
208 | - }) | ||
209 | - }.bind(this), 100) | ||
210 | - }, | ||
211 | - popConfirm() { | ||
212 | - wx.showModal({ | ||
213 | - title: 'confirm的弹窗', | ||
214 | - content: '确认要删除该项吗?', | ||
215 | - success: function (res) { | ||
216 | - if (res.confirm) { | ||
217 | - console.log('点击确认回调') | ||
218 | - } else { | ||
219 | - console.log('点击取消回调') | ||
220 | - } | ||
221 | - } | ||
222 | - }) | ||
223 | - }, | ||
224 | - | ||
225 | - text(details) { | ||
226 | - | ||
227 | - var texts = ''; //待拼接的内容 | ||
228 | - | ||
229 | - while (details.indexOf('<img') != -1) { //寻找img 循环 | ||
230 | - | ||
231 | - texts += details.substring('0', details.indexOf('<img') + 4); //截取到<img前面的内容 | ||
232 | 14 | ||
233 | - details = details.substring(details.indexOf('<img') + 4); //<img 后面的内容 | ||
234 | - | ||
235 | - if (details.indexOf('style=') != -1 && details.indexOf('style=') < details.indexOf('>')) { | ||
236 | - | ||
237 | - texts += details.substring(0, details.indexOf('style="') + 7) + "width:750rpx;height:auto;margin:0 auto;"; //从 <img 后面的内容 截取到style= 加上自己要加的内容 | ||
238 | - | ||
239 | - details = details.substring(details.indexOf('style="') + 7); //style后面的内容拼接 | ||
240 | - | ||
241 | - } else { | ||
242 | - | ||
243 | - texts += ' style="width:100%;height:auto;margin:0 auto;" '; | ||
244 | - | ||
245 | - } | ||
246 | - } | ||
247 | - | ||
248 | - while (details.indexOf('<td') != -1) { //寻找img 循环 | ||
249 | - | ||
250 | - texts += details.substring('0', details.indexOf('<td') + 4); //截取到<img前面的内容 | ||
251 | - | ||
252 | - details = details.substring(details.indexOf('<td') + 4); //<img 后面的内容 | ||
253 | - | ||
254 | - if (details.indexOf('style=') != -1 && details.indexOf('style=') < details.indexOf('>')) { | ||
255 | - | ||
256 | - texts += details.substring(0, details.indexOf('style="') + 7) + "width:750rpx!important;height:auto;margin:0 auto;"; //从 <img 后面的内容 截取到style= 加上自己要加的内容 | ||
257 | - | ||
258 | - details = details.substring(details.indexOf('style="') + 7); //style后面的内容拼接 | ||
259 | - | ||
260 | - } else { | ||
261 | - texts += ' style="width:750rpx;height:auto;margin:0 auto;" '; | ||
262 | - } | ||
263 | - } | ||
264 | - texts += details; //最后拼接的内容 | ||
265 | - // console.log(texts) | ||
266 | - return texts; | 15 | + onShow: function () { |
267 | 16 | ||
268 | }, | 17 | }, |
269 | - popSuccessTest() { | ||
270 | - wx.showToast({ | ||
271 | - title: this.data.msg, | ||
272 | - icon: '', //默认值是success,就算没有icon这个值,就算有其他值最终也显示success | ||
273 | - duration: 2000, //停留时间 | ||
274 | - }) | ||
275 | - }, | ||
276 | - | ||
277 | - | ||
278 | - /** | ||
279 | - * 用户点击右上角分享 | ||
280 | - */ | ||
281 | - // onShareAppMessage: function () { | ||
282 | - | ||
283 | - | ||
284 | - // // let url = encodeURIComponent('/packageNews/pages/news_detail/news_detail?news_id=' + this.data.news_id); | ||
285 | - | ||
286 | - // return { | ||
287 | - // title: "点赞商品详情", | ||
288 | - // path: `api/shop/clickGoods?url=${url}` | ||
289 | - // } | ||
290 | - | ||
291 | - // }, | ||
292 | - | ||
293 | - | ||
294 | - | ||
295 | - | ||
296 | }) | 18 | }) |
1 | -<view class="container"> | ||
2 | - <view class="top_img"> | ||
3 | - <swiper class="banner" indicator-dots indicator-color="rgba(255, 255, 255, 0.6)" indicator-active-color="#fff"> | ||
4 | - <block> | ||
5 | - <swiper-item wx:for="{{detailsContent.imgs}}" wx:key="*this" wx:for-item="item"> | ||
6 | - <image src="{{item}}"></image> | ||
7 | - </swiper-item> | ||
8 | - </block> | ||
9 | - </swiper> | ||
10 | - </view> | ||
11 | - <!-- 卡片 --> | ||
12 | - <view class="cards"> | ||
13 | - <view class="card"> | ||
14 | - <view class="card_text">{{detailsContent.name}}</view> | ||
15 | - <view class="card_box"> | ||
16 | - <view class="card_left"> | ||
17 | - <view class="price_dP"> | ||
18 | - <view class="zan_price"> | ||
19 | - <text class="icon_name">点赞价:</text> | ||
20 | - <text class="money_icon">¥</text> | ||
21 | - <text class="price_big">{{detailsContent.price}}</text> | ||
22 | - </view> | ||
23 | - <view class="del"> | ||
24 | - <text class="money_icon">¥</text> | ||
25 | - <text class="del_price">{{detailsContent.line_price}}</text> | ||
26 | - </view> | ||
27 | - </view> | ||
28 | - <!-- 销量 --> | ||
29 | - <view class="num_buy"> | ||
30 | - <text class="sales">{{detailsContent.sales_initial}}</text> | ||
31 | - <text class="sales_per">位车友推荐</text> | ||
32 | - </view> | ||
33 | - </view> | ||
34 | - <view class="card_right"> | ||
35 | - <view class="collar"> | ||
36 | - 至少领 | ||
37 | - <text class="count_num">{{detailsContent.fen}}</text> | ||
38 | - 唛积分 | ||
39 | - </view> | ||
40 | - <text class="all_clear collar">运费:{{detailsContent.yun_str}}</text> | ||
41 | - </view> | ||
42 | - </view> | ||
43 | - </view> | ||
44 | - </view> | ||
45 | - <!-- 10个赞 --> | ||
46 | - <view class="praise"> | ||
47 | - <text class="praise_title">10个赞就能以点赞价购买商品,快去分享吧!</text> | ||
48 | - <button> | ||
49 | - <image src="{{imagesUrl}}assets/static/img/2_icon@2x.png"></image> | ||
50 | - </button> | ||
51 | - <button open-type="share"> | ||
52 | - <image src="{{imagesUrl}}assets/static/img/1_icon@2x.png"></image> | ||
53 | - </button> | ||
54 | - </view> | ||
55 | - <!-- 点赞用户 --> | ||
56 | - <view class="praise_person"> | ||
57 | - <text>点赞用户</text> | ||
58 | - </view> | ||
59 | - <view class="person_box" wx:for="{{zanPersonList}}" wx:key="*this"> | ||
60 | - <view class="person_name"> | ||
61 | - <image src="{{item.avator}}"></image> | ||
62 | - <text>{{item.nickname}}</text> | ||
63 | - </view> | ||
64 | - </view> | ||
65 | - <!-- 详情 评价 --> | ||
66 | - <view class="details"> | ||
67 | - <view class="details_name {{_num == 1? 'cur':''}}" data-num="1" bindtap="changeTitle">详情</view> | ||
68 | - <view class="appraise_name {{_num == 2? 'cur':''}}" data-num="2" bindtap="changeTitle"> | ||
69 | - 评价 | ||
70 | - <block> | ||
71 | - <popup text="{{txtContent}}"></popup> | ||
72 | - </block> | ||
73 | - </view> | ||
74 | - </view> | ||
75 | - <view class="details_box"> | ||
76 | - <!-- 详情 --> | ||
77 | - <view class="details_img" wx:if="{{_num == 1}}"> | ||
78 | - <rich-text nodes="{{content}}"></rich-text> | ||
79 | - </view> | ||
80 | - <!-- 评价内容 --> | ||
81 | - <view class="praise_content" wx:if="{{_num == 2}}"> | ||
82 | - <view class="person_content"> | ||
83 | - <view class="left_ziliao"> | ||
84 | - <view class="imgNum"> | ||
85 | - <image src="{{imagesUrl}}assets/static/img/mengman.png" /> | ||
86 | - </view> | ||
87 | - <view class="per_item"> | ||
88 | - <text class="nickname">所罗门的岩石</text> | ||
89 | - <view class="dateTime">2019/10/10</view> | ||
90 | - </view> | ||
91 | - </view> | ||
92 | - <view class="praise_star"> | ||
93 | - <image src="{{imagesUrl}}assets/static/img/haoping_icon@2x.png" /> | ||
94 | - <text>好评</text> | ||
95 | - </view> | ||
96 | - </view> | ||
97 | - <view class="praise_text"></view> | ||
98 | - </view> | ||
99 | - </view> | ||
100 | - <!-- 点赞 --> | ||
101 | - <view class="box_buy"> | ||
102 | - <view class="buy"> | ||
103 | - <image src="{{imagesUrl}}assets/static/img/kefu_icon@2x.png"></image> | ||
104 | - <button class="btnPay" disabled="true" bindtap="gotopay">{{changeZan}}</button> | ||
105 | - </view> | ||
106 | - </view> | ||
107 | - <!-- 屏幕背景变暗的背景 --> | ||
108 | - <view class="commodity_screen" bindtap="hideModal" wx:if="{{showModalStatus}}"></view> | ||
109 | - <!-- 弹出框 --> | ||
110 | - <view animation="{{animationData}}" class="commodity_attr_box" wx:if="{{showModalStatus}}"> | ||
111 | - <!-- 关闭 --> | ||
112 | - <view class="updown" bindtap="hideModal"> | ||
113 | - <image src="{{imagesUrl}}assets/static/img/updown.png" /> | ||
114 | - </view> | ||
115 | - <view class="buyStore"> | ||
116 | - <view class="storeImg"> | ||
117 | - <image src="{{imagesUrl}}assets/static/img/img27(1).png" /> | ||
118 | - </view> | ||
119 | - <view class="store_cont"> | ||
120 | - <view class="store_cont_name"> | ||
121 | - <text>壳牌/Shell 喜力半合成机…</text> | ||
122 | - </view> | ||
123 | - <view class="storeMoney"> | ||
124 | - <text>¥88.00</text> | ||
125 | - </view> | ||
126 | - <view class="yichange" wx:if="{{changed == false}}"> | ||
127 | - <text class="change__">已选择:</text> | ||
128 | - <text class="change__">高端</text> | ||
129 | - </view> | ||
130 | - </view> | ||
131 | - </view> | ||
132 | - <!-- 规格 --> | ||
133 | - <view class="rules" wx:if="{{changed == false}}"> | ||
134 | - <view class="left_num">规格</view> | ||
135 | - <view class="rules_change"> | ||
136 | - <view class="up">高端</view> | ||
137 | - <view class="down">低端</view> | ||
138 | - </view> | ||
139 | - </view> | ||
140 | - <!-- 数量 --> | ||
141 | - <view class="number"> | ||
142 | - <view class="left_num">数量</view> | ||
143 | - <view class="right_num"> | ||
144 | - <view class="jian_img itemImg_"> | ||
145 | - <image src="{{imagesUrl}}assets/static/img/jian-.png" /> | ||
146 | - </view> | ||
147 | - <view class="center_num itemImg_">1</view> | ||
148 | - <view class="jia_img itemImg_"> | ||
149 | - <image src="{{imagesUrl}}assets/static/img/jia1.png" /> | ||
150 | - </view> | ||
151 | - </view> | ||
152 | - </view> | ||
153 | - <view class="btnbuy"> | ||
154 | - <button class="btnbuy__" size="default"></button> | ||
155 | - </view> | ||
156 | - </view> | ||
157 | -</view> |
1 | -.container { | ||
2 | - height: 100%; | ||
3 | - background-color: #F9F9F9; | ||
4 | - /* 十个赞分享 */ | ||
5 | - /* 点赞用户 */ | ||
6 | - /* 详情 评价 */ | ||
7 | - /* 立刻购买 */ | ||
8 | - /* 弹窗 */ | ||
9 | - /*使屏幕变暗 */ | ||
10 | - /*对话框 */ | ||
11 | -} | ||
12 | - | ||
13 | -.container .top_img { | ||
14 | - width: 100%; | ||
15 | - height: 422rpx; | ||
16 | -} | ||
17 | - | ||
18 | -.container .top_img .banner { | ||
19 | - height: 422rpx; | ||
20 | -} | ||
21 | - | ||
22 | -.container .top_img .banner image { | ||
23 | - width: 100%; | ||
24 | - height: 422rpx; | ||
25 | -} | ||
26 | - | ||
27 | -.container .cards { | ||
28 | - position: relative; | ||
29 | - height: 340rpx; | ||
30 | -} | ||
31 | - | ||
32 | -.container .cards .card { | ||
33 | - width: 686rpx; | ||
34 | - padding: 30rpx; | ||
35 | - box-sizing: border-box; | ||
36 | - background-color: #fff; | ||
37 | - border-radius: 20rpx; | ||
38 | - position: absolute; | ||
39 | - top: 24rpx; | ||
40 | - left: 32rpx; | ||
41 | -} | ||
42 | - | ||
43 | -.container .cards .card .card_text { | ||
44 | - height: 98rpx; | ||
45 | - width: 100%; | ||
46 | - font-size: 32rpx; | ||
47 | - line-height: 60rpx; | ||
48 | - color: #06121F; | ||
49 | - margin-bottom: 20rpx; | ||
50 | - font-weight: bold; | ||
51 | -} | ||
52 | - | ||
53 | -.container .cards .card .card_box { | ||
54 | - width: 100%; | ||
55 | - display: flex; | ||
56 | -} | ||
57 | - | ||
58 | -.container .cards .card .card_box .card_left { | ||
59 | - flex: 5; | ||
60 | - align-items: center; | ||
61 | - line-height: 55rpx; | ||
62 | -} | ||
63 | - | ||
64 | -.container .cards .card .card_box .card_left .price_dP { | ||
65 | - display: flex; | ||
66 | - align-items: center; | ||
67 | -} | ||
68 | - | ||
69 | -.container .cards .card .card_box .card_left .price_dP .del { | ||
70 | - display: flex; | ||
71 | - margin-left: 20rpx; | ||
72 | -} | ||
73 | - | ||
74 | -.container .cards .card .card_box .card_left .price_dP .del .del_price { | ||
75 | - color: #ccc; | ||
76 | - font-size: 24rpx; | ||
77 | - line-height: 52rpx; | ||
78 | - text-decoration: line-through; | ||
79 | -} | ||
80 | - | ||
81 | -.container .cards .card .card_box .card_left .price_dP .del .money_icon { | ||
82 | - font-size: 24rpx; | ||
83 | - line-height: 52rpx; | ||
84 | - color: #ccc; | ||
85 | -} | ||
86 | - | ||
87 | -.container .cards .card .card_box .card_left .price_dP .zan_price { | ||
88 | - display: flex; | ||
89 | - align-items: flex-end; | ||
90 | - line-height: 55rpx; | ||
91 | -} | ||
92 | - | ||
93 | -.container .cards .card .card_box .card_left .price_dP .zan_price .icon_name { | ||
94 | - font-size: 28rpx; | ||
95 | - color: #FF444B; | ||
96 | -} | ||
97 | - | ||
98 | -.container .cards .card .card_box .card_left .price_dP .zan_price .money_icon { | ||
99 | - margin-left: 10rpx; | ||
100 | - font-size: 20rpx; | ||
101 | - line-height: 42rpx; | ||
102 | - color: #FF444B; | ||
103 | -} | ||
104 | - | ||
105 | -.container .cards .card .card_box .card_left .price_dP .zan_price .price_big { | ||
106 | - color: #FF444B; | ||
107 | - font-size: 32rpx; | ||
108 | -} | ||
109 | - | ||
110 | -.container .cards .card .card_box .card_left .num_buy { | ||
111 | - font-size: 24rpx; | ||
112 | - display: flex; | ||
113 | - align-items: center; | ||
114 | -} | ||
115 | - | ||
116 | -.container .cards .card .card_box .card_left .num_buy .sales { | ||
117 | - font-size: 28rpx; | ||
118 | -} | ||
119 | - | ||
120 | -.container .cards .card .card_box .card_left .num_buy .sales_per { | ||
121 | - margin-left: 5rpx; | ||
122 | - font-size: 28rpx; | ||
123 | - line-height: 70rpx; | ||
124 | -} | ||
125 | - | ||
126 | -.container .cards .card .card_box .card_right { | ||
127 | - flex: 3; | ||
128 | - align-items: center; | ||
129 | - line-height: 55rpx; | ||
130 | -} | ||
131 | - | ||
132 | -.container .cards .card .card_box .card_right .collar { | ||
133 | - font-size: 24rpx; | ||
134 | - color: #000; | ||
135 | -} | ||
136 | - | ||
137 | -.container .cards .card .card_box .card_right .count_num { | ||
138 | - font-size: 26rpx; | ||
139 | -} | ||
140 | - | ||
141 | -.container .praise { | ||
142 | - width: 100%; | ||
143 | - height: 86rpx; | ||
144 | - background-color: #fff; | ||
145 | - display: flex; | ||
146 | - margin-bottom: 16rpx; | ||
147 | -} | ||
148 | - | ||
149 | -.container .praise .praise_title { | ||
150 | - font-size: 24rpx; | ||
151 | - color: #E8370F; | ||
152 | - height: 86rpx; | ||
153 | - line-height: 86rpx; | ||
154 | - margin-left: 32rpx; | ||
155 | -} | ||
156 | - | ||
157 | -.container .praise button { | ||
158 | - background-color: transparent; | ||
159 | - padding: 0; | ||
160 | -} | ||
161 | - | ||
162 | -.container .praise button image { | ||
163 | - width: 48rpx; | ||
164 | - height: 48rpx; | ||
165 | - margin: 20rpx 10rpx; | ||
166 | -} | ||
167 | - | ||
168 | -.container .praise button:not([size='mini']) { | ||
169 | - width: 60rpx !important; | ||
170 | -} | ||
171 | - | ||
172 | -.container .praise_person { | ||
173 | - width: 100%; | ||
174 | - height: 80rpx; | ||
175 | - line-height: 80rpx; | ||
176 | - background-color: #fff; | ||
177 | - margin-bottom: 10rpx; | ||
178 | -} | ||
179 | - | ||
180 | -.container .praise_person text { | ||
181 | - font-size: 32rpx; | ||
182 | - font-weight: 700; | ||
183 | - margin-left: 32rpx; | ||
184 | -} | ||
185 | - | ||
186 | -.container .person_box { | ||
187 | - margin-bottom: 20rpx; | ||
188 | - padding-bottom: 30rpx; | ||
189 | - box-sizing: border-box; | ||
190 | - height: 100%; | ||
191 | - background-color: #fff; | ||
192 | -} | ||
193 | - | ||
194 | -.container .person_box .person_name { | ||
195 | - width: 100%; | ||
196 | - display: flex; | ||
197 | - height: 90rpx; | ||
198 | - line-height: 90rpx; | ||
199 | - background-color: #fff; | ||
200 | - padding: 20rpx 32rpx; | ||
201 | - box-sizing: border-box; | ||
202 | -} | ||
203 | - | ||
204 | -.container .person_box .person_name image { | ||
205 | - width: 72rpx; | ||
206 | - height: 72rpx; | ||
207 | -} | ||
208 | - | ||
209 | -.container .person_box .person_name text { | ||
210 | - font-size: 24rpx; | ||
211 | - margin-left: 20rpx; | ||
212 | - font-weight: 500; | ||
213 | -} | ||
214 | - | ||
215 | -.container .details { | ||
216 | - width: 100%; | ||
217 | - height: 130rpx; | ||
218 | - background-color: #fff; | ||
219 | - padding: 32rpx 32rpx; | ||
220 | - box-sizing: border-box; | ||
221 | - display: flex; | ||
222 | -} | ||
223 | - | ||
224 | -.container .details .details_name { | ||
225 | - font-size: 28rpx; | ||
226 | - height: 90rpx; | ||
227 | - line-height: 90rpx; | ||
228 | -} | ||
229 | - | ||
230 | -.container .details .appraise_name { | ||
231 | - font-size: 28rpx; | ||
232 | - height: 90rpx; | ||
233 | - line-height: 90rpx; | ||
234 | - margin: 0 70rpx; | ||
235 | -} | ||
236 | - | ||
237 | -.container .details .cur { | ||
238 | - border-bottom: 4rpx solid #E8370F; | ||
239 | - font-weight: 700; | ||
240 | - font-size: 36rpx !important; | ||
241 | -} | ||
242 | - | ||
243 | -.container .details_img { | ||
244 | - padding: 32rpx; | ||
245 | - box-sizing: border-box; | ||
246 | - background-color: #fff; | ||
247 | - padding-bottom: 150rpx; | ||
248 | -} | ||
249 | - | ||
250 | -.container .box_buy { | ||
251 | - width: 100%; | ||
252 | - background-color: #fff; | ||
253 | - border-top: solid 1rpx #F9F9F9; | ||
254 | - padding: 10rpx 0; | ||
255 | - box-sizing: border-box; | ||
256 | - position: fixed; | ||
257 | - bottom: 0; | ||
258 | - left: 0; | ||
259 | -} | ||
260 | - | ||
261 | -.container .box_buy .buy { | ||
262 | - width: 100%; | ||
263 | - height: 90rpx; | ||
264 | - display: flex; | ||
265 | - padding: 0 20rpx; | ||
266 | - box-sizing: border-box; | ||
267 | -} | ||
268 | - | ||
269 | -.container .box_buy .buy image { | ||
270 | - /* flex: 1; */ | ||
271 | - width: 44rpx; | ||
272 | - height: 44rpx; | ||
273 | - position: absolute; | ||
274 | - top: 33rpx; | ||
275 | - left: 50rpx; | ||
276 | -} | ||
277 | - | ||
278 | -.container .box_buy .buy text { | ||
279 | - /* width: 588rpx; */ | ||
280 | - flex: 6; | ||
281 | - color: #fff; | ||
282 | - background-color: #E8370F; | ||
283 | - text-align: center; | ||
284 | - line-height: 90rpx; | ||
285 | - margin-left: 106rpx; | ||
286 | - border-radius: 15rpx; | ||
287 | -} | ||
288 | - | ||
289 | -.container .commodity_screen { | ||
290 | - width: 100%; | ||
291 | - height: 100%; | ||
292 | - position: fixed; | ||
293 | - top: 0; | ||
294 | - left: 0; | ||
295 | - background: #000; | ||
296 | - opacity: 0.2; | ||
297 | - overflow: hidden; | ||
298 | - z-index: 1000; | ||
299 | - color: #fff; | ||
300 | -} | ||
301 | - | ||
302 | -.container .commodity_attr_box { | ||
303 | - height: 600rpx; | ||
304 | - width: 100%; | ||
305 | - overflow: hidden; | ||
306 | - position: fixed; | ||
307 | - bottom: 0; | ||
308 | - left: 0; | ||
309 | - z-index: 2000; | ||
310 | - background: #fff; | ||
311 | - padding: 20rpx; | ||
312 | - box-sizing: border-box; | ||
313 | -} | ||
314 | - | ||
315 | -.container .commodity_attr_box .updown { | ||
316 | - width: 100%; | ||
317 | - text-align: right; | ||
318 | -} | ||
319 | - | ||
320 | -.container .commodity_attr_box .updown image { | ||
321 | - width: 40rpx; | ||
322 | - height: 40rpx; | ||
323 | -} | ||
324 | - | ||
325 | -.container .commodity_attr_box .buyStore { | ||
326 | - display: flex; | ||
327 | - align-items: center; | ||
328 | -} | ||
329 | - | ||
330 | -.container .commodity_attr_box .buyStore .storeImg { | ||
331 | - width: 184rpx; | ||
332 | - height: 184rpx; | ||
333 | -} | ||
334 | - | ||
335 | -.container .commodity_attr_box .buyStore .storeImg image { | ||
336 | - width: 100%; | ||
337 | -} | ||
338 | - | ||
339 | -.container .commodity_attr_box .buyStore .store_cont { | ||
340 | - flex: 1; | ||
341 | - padding-left: 20rpx; | ||
342 | - box-sizing: border-box; | ||
343 | - display: flex; | ||
344 | - flex-direction: column; | ||
345 | -} | ||
346 | - | ||
347 | -.container .commodity_attr_box .buyStore .store_cont .store_cont_name { | ||
348 | - line-height: 50rpx; | ||
349 | -} | ||
350 | - | ||
351 | -.container .commodity_attr_box .buyStore .store_cont .store_cont_name text { | ||
352 | - font-size: 28rpx; | ||
353 | - line-height: 40rpx; | ||
354 | - font-weight: 600; | ||
355 | -} | ||
356 | - | ||
357 | -.container .commodity_attr_box .buyStore .store_cont .storeMoney { | ||
358 | - margin-top: 30rpx; | ||
359 | -} | ||
360 | - | ||
361 | -.container .commodity_attr_box .buyStore .store_cont .storeMoney text { | ||
362 | - font-size: 28rpx; | ||
363 | - color: #E8370F; | ||
364 | - line-height: 40rpx; | ||
365 | - font-weight: 600; | ||
366 | -} | ||
367 | - | ||
368 | -.container .commodity_attr_box .buyStore .store_cont .yichange { | ||
369 | - margin-top: 15rpx; | ||
370 | -} | ||
371 | - | ||
372 | -.container .commodity_attr_box .buyStore .store_cont .yichange .change__ { | ||
373 | - font-size: 28rpx; | ||
374 | - line-height: 40rpx; | ||
375 | - font-weight: 600; | ||
376 | - margin-right: 20rpx; | ||
377 | -} | ||
378 | - | ||
379 | -.container .commodity_attr_box .rules { | ||
380 | - margin-top: 50rpx; | ||
381 | -} | ||
382 | - | ||
383 | -.container .commodity_attr_box .rules .left_num { | ||
384 | - font-size: 28rpx; | ||
385 | - line-height: 40rpx; | ||
386 | - font-weight: 600; | ||
387 | -} | ||
388 | - | ||
389 | -.container .commodity_attr_box .rules .rules_change { | ||
390 | - display: flex; | ||
391 | - align-items: center; | ||
392 | - margin: 30rpx 0 30rpx; | ||
393 | -} | ||
394 | - | ||
395 | -.container .commodity_attr_box .rules .rules_change .up { | ||
396 | - width: 184rpx; | ||
397 | - line-height: 56rpx; | ||
398 | - background: #f9f9f9; | ||
399 | - border: 2rpx solid #e8370f; | ||
400 | - opacity: 1; | ||
401 | - border-radius: 36rpx; | ||
402 | - text-align: center; | ||
403 | - color: #e8370f; | ||
404 | -} | ||
405 | - | ||
406 | -.container .commodity_attr_box .rules .rules_change .down { | ||
407 | - margin-left: 30rpx; | ||
408 | - width: 184rpx; | ||
409 | - line-height: 56rpx; | ||
410 | - background: #eeeeee; | ||
411 | - opacity: 1; | ||
412 | - border-radius: 36rpx; | ||
413 | - text-align: center; | ||
414 | -} | ||
415 | - | ||
416 | -.container .commodity_attr_box .rules .rules_change .changed { | ||
417 | - color: #e8370f; | ||
418 | - border: 2rpx solid #e8370f; | ||
419 | -} | ||
420 | - | ||
421 | -.container .commodity_attr_box .number { | ||
422 | - width: 100%; | ||
423 | - display: flex; | ||
424 | - align-items: center; | ||
425 | - justify-content: space-between; | ||
426 | - margin-top: 50rpx; | ||
427 | - padding: 0 10rpx; | ||
428 | - box-sizing: border-box; | ||
429 | -} | ||
430 | - | ||
431 | -.container .commodity_attr_box .number .left_num { | ||
432 | - font-size: 28rpx; | ||
433 | - line-height: 40rpx; | ||
434 | - font-weight: 600; | ||
435 | -} | ||
436 | - | ||
437 | -.container .commodity_attr_box .number .right_num { | ||
438 | - display: flex; | ||
439 | - align-items: center; | ||
440 | -} | ||
441 | - | ||
442 | -.container .commodity_attr_box .number .right_num .itemImg_ { | ||
443 | - width: 40rpx; | ||
444 | - height: 40rpx; | ||
445 | -} | ||
446 | - | ||
447 | -.container .commodity_attr_box .number .right_num .itemImg_ image { | ||
448 | - width: 100%; | ||
449 | -} | ||
450 | - | ||
451 | -.container .commodity_attr_box .number .right_num .center_num { | ||
452 | - margin: 0 10rpx; | ||
453 | - width: 60rpx; | ||
454 | - text-align: center; | ||
455 | -} | ||
456 | - | ||
457 | -.container .commodity_attr_box .btnbuy { | ||
458 | - width: 100%; | ||
459 | - position: fixed; | ||
460 | - bottom: 0; | ||
461 | - padding: 0; | ||
462 | -} | ||
463 | - | ||
464 | -.container .commodity_attr_box .btnbuy .btnbuy__ { | ||
465 | - height: 100rpx; | ||
466 | - width: 92%; | ||
467 | - color: #fff; | ||
468 | - line-height: 100rpx; | ||
469 | - padding: 0; | ||
470 | - margin: 0 10rpx 10rpx; | ||
471 | - box-sizing: border-box; | ||
472 | - font-weight: 400; | ||
473 | - background-color: #E8370F; | ||
474 | -} |
@@ -21,8 +21,6 @@ Page({ | @@ -21,8 +21,6 @@ Page({ | ||
21 | that.setData({ | 21 | that.setData({ |
22 | id: options.id, | 22 | id: options.id, |
23 | }) | 23 | }) |
24 | - // 获得popup组件 | ||
25 | - this.popup = this.selectComponent("#popup"); | ||
26 | }, | 24 | }, |
27 | onShow: function () { | 25 | onShow: function () { |
28 | this.getDetailsContent() | 26 | this.getDetailsContent() |
@@ -67,6 +67,11 @@ Page({ | @@ -67,6 +67,11 @@ Page({ | ||
67 | that.getGroom() | 67 | that.getGroom() |
68 | 68 | ||
69 | }, | 69 | }, |
70 | + ashdl() { | ||
71 | + wx.navigateTo({ | ||
72 | + url: '/pages/nopicture/nopicture' | ||
73 | + }) | ||
74 | + }, | ||
70 | goSearch() { | 75 | goSearch() { |
71 | wx.navigateTo({ | 76 | wx.navigateTo({ |
72 | url: '/pages/search/search' | 77 | url: '/pages/search/search' |
@@ -59,128 +59,15 @@ | @@ -59,128 +59,15 @@ | ||
59 | "miniprogram": { | 59 | "miniprogram": { |
60 | "list": [ | 60 | "list": [ |
61 | { | 61 | { |
62 | - "name": "pages/V4Sstores/V4Sstores", | ||
63 | - "pathName": "pages/V4Sstores/V4Sstores", | ||
64 | - "query": "", | ||
65 | - "scene": null | ||
66 | - }, | ||
67 | - { | ||
68 | - "name": "pages/4Sstore/4Sstore", | ||
69 | - "pathName": "pages/4Sstore/4Sstore", | ||
70 | - "query": "", | ||
71 | - "scene": null | ||
72 | - }, | ||
73 | - { | ||
74 | - "name": "pages/Vnewhome/Vnewhome", | ||
75 | - "pathName": "pages/Vnewhome/Vnewhome", | ||
76 | - "query": "", | ||
77 | - "scene": null | ||
78 | - }, | ||
79 | - { | ||
80 | - "name": "pages/VSpikeMall/VSpikeMall", | ||
81 | - "pathName": "pages/VSpikeMall/VSpikeMall", | ||
82 | - "query": "", | ||
83 | - "scene": null | ||
84 | - }, | ||
85 | - { | ||
86 | - "name": "pages/confirmStoreOrder/confirmStoreOrder", | ||
87 | - "pathName": "pages/confirmStoreOrder/confirmStoreOrder", | ||
88 | - "query": "", | ||
89 | - "scene": null | ||
90 | - }, | ||
91 | - { | ||
92 | - "name": "pages/home/home", | ||
93 | - "pathName": "pages/home/home", | ||
94 | - "query": "", | ||
95 | - "scene": null | ||
96 | - }, | ||
97 | - { | ||
98 | - "name": "pages/appraise/appraise", | ||
99 | - "pathName": "pages/appraise/appraise", | ||
100 | - "query": "order_no=JB0294121560134115069", | ||
101 | - "scene": null | ||
102 | - }, | ||
103 | - { | ||
104 | - "name": "pages/addcars/addcars", | ||
105 | - "pathName": "pages/addcars/addcars", | ||
106 | - "query": "", | ||
107 | - "scene": null | ||
108 | - }, | ||
109 | - { | ||
110 | - "name": "pages/stores/index", | ||
111 | - "pathName": "pages/stores/index", | ||
112 | - "query": "", | ||
113 | - "scene": null | ||
114 | - }, | ||
115 | - { | ||
116 | - "name": "pages/VSpikeMall/VSpikeMall", | ||
117 | - "pathName": "pages/VSpikeMall/VSpikeMall", | ||
118 | - "query": "id=1", | ||
119 | - "scene": null | ||
120 | - }, | ||
121 | - { | ||
122 | - "name": "pages/Vnew4Sstore/Vnew4Sstore", | ||
123 | - "pathName": "pages/Vnew4Sstore/Vnew4Sstore", | ||
124 | - "query": "s4_id=1", | ||
125 | - "scene": null | ||
126 | - }, | ||
127 | - { | ||
128 | - "name": "pages/nobinding4S/nobinding4S", | ||
129 | - "pathName": "pages/nobinding4S/nobinding4S", | ||
130 | - "query": "", | ||
131 | - "scene": null | ||
132 | - }, | ||
133 | - { | ||
134 | - "name": "pages/VSpikeMall/VSpikeMall", | ||
135 | - "pathName": "pages/VSpikeMall/VSpikeMall", | ||
136 | - "query": "s4_id=1", | ||
137 | - "scene": null | ||
138 | - }, | ||
139 | - { | ||
140 | - "name": "pages/VSpikeMall/VSpikeMall", | ||
141 | - "pathName": "pages/VSpikeMall/VSpikeMall", | ||
142 | - "query": "s4_id=1&page=1", | ||
143 | - "scene": null | ||
144 | - }, | ||
145 | - { | ||
146 | - "name": "pages/VSpikeMallDetail/VSpikeMallDetail", | ||
147 | - "pathName": "pages/VSpikeMallDetail/VSpikeMallDetail", | ||
148 | - "query": "id=63", | ||
149 | - "scene": null | ||
150 | - }, | ||
151 | - { | ||
152 | - "name": "pages/productdetailsImg/productdetailsImg", | ||
153 | - "pathName": "pages/productdetailsImg/productdetailsImg", | ||
154 | - "query": "type=1&id=63", | ||
155 | - "scene": null | ||
156 | - }, | ||
157 | - { | ||
158 | - "name": "pages/MyGarageNoCar/MyGarageNoCar", | ||
159 | - "pathName": "pages/MyGarageNoCar/MyGarageNoCar", | ||
160 | - "query": "", | ||
161 | - "scene": null | ||
162 | - }, | ||
163 | - { | ||
164 | - "name": "pages/center/index", | ||
165 | - "pathName": "pages/center/index", | ||
166 | - "query": "", | ||
167 | - "scene": null | ||
168 | - }, | ||
169 | - { | ||
170 | - "name": "pages/V4Sstores/V4Sstores", | ||
171 | - "pathName": "pages/V4Sstores/V4Sstores", | ||
172 | - "query": "", | ||
173 | - "scene": null | ||
174 | - }, | ||
175 | - { | 62 | + "id": -1, |
176 | "name": "pages/stores/index", | 63 | "name": "pages/stores/index", |
177 | "pathName": "pages/stores/index", | 64 | "pathName": "pages/stores/index", |
178 | "query": "", | 65 | "query": "", |
179 | "scene": null | 66 | "scene": null |
180 | }, | 67 | }, |
181 | { | 68 | { |
182 | - "name": "pages/searchList/searchList", | ||
183 | - "pathName": "pages/searchList/searchList", | 69 | + "name": "pages/praise/praise", |
70 | + "pathName": "pages/praise/praise", | ||
184 | "scene": null | 71 | "scene": null |
185 | } | 72 | } |
186 | ] | 73 | ] |
-
请 注册 或 登录 后发表评论