wxd / MShopWeApp

Browse Code »

Commit 0655bf5a559d608839d4839a1492dd6138591386

Authored by 后端研发-徐国强 2019-12-30 10:13:11 +0800

1 parent 312af5a3

新人礼、评价礼、生日礼界面的添加

Inline Side-by-side

Showing 12 changed files with 2156 additions and 0 deletions

pages/giftpack/birthdaygift/birthdaygift.js 0 → 100644

View file @0655bf5

	1	+var _default =
	2	+{
	3	+ data: function data() {
	4	+ return {
	5	+ itemShow: false, //项目栏目是否显示
	6	+ cardShow: false, //代金券栏目是否显示
	7	+ packShow: false, //福利栏目是否显示
	8	+ textShow: false, //规则是否显示
	9	+ integralShow: true, //积分领取是否显示
	10	+ growUpShow: true, //成长值领取是否显示
	11	+ itemButton: '',
	12	+ cardButton: '',
	13	+ getActId: '',
	14	+ getActType: '',
	15	+ giftID: '',
	16	+ getUserID: '',
	17	+ getStorageID: '',
	18	+ receiveState: '已领取',
	19	+ integralTitle: '已领取',
	20	+ growUpTitle: '已领取',
	21	+ textTitle: '',
	22	+ getUrl: '',
	23	+ noShow: false,
	24	+ //判断中间的连接线是否显示
	25	+ itemShows: function itemShows() {
	26	+ if (this.itemShow) {
	27	+ if (this.cardShow) {
	28	+ return true;
	29	+ } else {
	30	+ return false;
	31	+ }
	32	+ } else {
	33	+ if (this.cardShow) {
	34	+ return false;
	35	+ } else {
	36	+ return false;
	37	+ }
	38	+
	39	+ }
	40	+ },
	41	+ //判断中间的连接线是否显示
	42	+ cardShows: function cardShows() {
	43	+ if (this.cardShow) {
	44	+ if (this.packShow) {
	45	+ return true;
	46	+ } else {
	47	+ return false;
	48	+ }
	49	+ } else {
	50	+ if (this.packShow) {
	51	+ return false;
	52	+ } else {
	53	+ return false;
	54	+ }
	55	+
	56	+ }
	57	+ },
	58	+ cards: [],
	59	+ itemWare: []
	60	+ };
	61	+
	62	+
	63	+
	64	+ },
	65	+ onLoad: function onLoad(options) {
	66	+
	67	+ // 获取url对应的参数
	68	+ // this.getActId = this.GetQueryString('actId'); //活动id
	69	+ // this.getActType = this.GetQueryString('actType'); //活动类型 1新人礼 2评价有礼 3节日营销 4生日营销
	70	+ // this.giftID = this.GetQueryString('giftID'); //礼包ID
	71	+ // this.getStorageID = this.GetQueryString('storageID'); //商家ID
	72	+ // this.getUserID = this.GetQueryString('userID'); //用户ID
	73	+
	74	+ this.getActId = options.actId; //活动id
	75	+ this.getActType = options.actType; //活动类型 1新人礼 2评价有礼 3节日营销 4生日营销
	76	+ this.giftID = options.giftBagId; //礼包ID
	77	+ this.getStorageID = options.storeId; //商家ID
	78	+ this.getUserID = options.userId; //用户ID
	79	+
	80	+ this.GetList();
	81	+
	82	+ },
	83	+ onShow: function onShow() {
	84	+ if (this.textTitle == '') {
	85	+ this.textTitle = '暂无详情......';
	86	+ } else {
	87	+ this.textTitle = this.textTitle.replace(/<p><img/gi, "<p class='img'><img");
	88	+ }
	89	+ },
	90	+ methods: {
	91	+
	92	+ getQueryString: function getQueryString(name) {
	93	+ var reg = new RegExp('(^\|&)' + name + '=([^&]*)(&\|$)', 'i');
	94	+ var r = window.location.search.substr(1).match(reg);
	95	+ if (r != null) {
	96	+ return unescape(r[2]);
	97	+ }
	98	+ return null;
	99	+ },
	100	+
	101	+ GetList: function GetList() {
	102	+ var _this = this;
	103	+ uni.request({
	104	+ url: this.$GetInfo.ApiHttp + '/api/weshop/marketing/giftbag/bound/get',
	105	+ data: {
	106	+ "actId": this.getActId, //活动id
	107	+ "actType": this.getActType, //活动类型 1新人礼 2评价有礼 3节日营销 4生日营销
	108	+ "giftBagId": this.giftID, //礼包ID
	109	+ "storeId": this.getStorageID, //商家ID
	110	+ "userId": this.getUserID //用户ID
	111	+ },
	112	+ method: 'GET',
	113	+ header: {
	114	+ 'Content-Type': 'application/x-www-form-urlencoded' //自定义请求头信息
	115	+ },
	116	+ success: function success(res) {
	117	+ console.log(res.data);
	118	+ if (res.data.code == 0) {
	119	+ if (res.data.data.lbCoupons != null) {
	120	+ _this.cardShow = true;
	121	+ _this.cards = res.data.data.lbCoupons;
	122	+ }
	123	+ if (res.data.data.lbSM != null) {
	124	+ _this.itemShow = true;
	125	+ _this.itemWare = res.data.data.lbSM;
	126	+ }
	127	+ if (res.data.data.lbIntegral <= 0) {
	128	+ if (res.data.data.lbGrowthValue <= 0) {
	129	+ _this.packShow = false;
	130	+ } else {
	131	+ _this.packShow = true;
	132	+ _this.integralShow = false;
	133	+ _this.growUpShow = true;
	134	+ }
	135	+
	136	+ } else {
	137	+ if (res.data.data.lbGrowthValue > 0) {
	138	+ _this.packShow = true;
	139	+ } else {
	140	+ _this.packShow = true;
	141	+ _this.integralShow = true;
	142	+ _this.growUpShow = false;
	143	+ }
	144	+ }
	145	+
	146	+ _this.integralTitle = '领取' + res.data.data.lbIntegral + '积分';
	147	+ _this.growUpTitle = '领取' + res.data.data.lbGrowthValue + '积分';
	148	+ if (res.data.data.receiveState == 0) {
	149	+ _this.receiveState = '一键全部领取';
	150	+ } else {
	151	+ _this.receiveState = '已领取';
	152	+ }
	153	+
	154	+
	155	+ if (res.data.data.actIntro != '') {
	156	+ _this.textShow = true;
	157	+ _this.textTitle = res.data.data.actIntro;
	158	+ }
	159	+
	160	+ } else {
	161	+ console.log(res.data.msg);
	162	+ }
	163	+ }
	164	+ });
	165	+
	166	+ },
	167	+ GetWebHttp: function GetWebHttp() {
	168	+ this.getUrl = this.$GetInfo.HtmlHttp + '/mobile/index/index/stoid/' + this.getStorageID + '.html';
	169	+ window.location.href = this.getUrl;
	170	+ },
	171	+ GetReceive: function GetReceive() {
	172	+ var that = this;
	173	+ if (that.receiveState == '已领取') {
	174	+ return false;
	175	+ }
	176	+ uni.request({
	177	+ url: that.$GetInfo.ApiHttp + '/api/weshop/marketing/free/receive/gift/record/insert',
	178	+ data: {
	179	+ "actId": that.getActId, //活动Id
	180	+ "actType": '4', //活动类型 1:新人礼、2:评价有礼、3:节日营销、4:生日营销
	181	+ "lbId": that.giftID, //礼包Id
	182	+ "storeId": that.getStorageID, //商家Id
	183	+ "userId": that.getUserID //用户ID
	184	+ },
	185	+ method: 'POST',
	186	+ header: {
	187	+ 'Content-Type': 'application/json' //自定义请求头信息
	188	+ },
	189	+ success: function success(res) {
	190	+ console.log(res.data);
	191	+ if (res.data.code == 0) {
	192	+ console.log(res.data.msg);
	193	+ that.receiveState = '已领取';
	194	+ uni.showToast({
	195	+ icon: 'none',
	196	+ title: '领取成功！'
	197	+ });
	198	+
	199	+ } else {
	200	+ console.log(res.data.msg);
	201	+ uni.showToast({
	202	+ icon: 'none',
	203	+ title: res.data.msg
	204	+ });
	205	+
	206	+ }
	207	+ }
	208	+ });
	209	+
	210	+ }
	211	+ }
	212	+};
0	213	\ No newline at end of file
...	...

pages/giftpack/birthdaygift/birthdaygift.json 0 → 100644

View file @0655bf5

	1	+{
	2	+ "navigationBarTitleText": "生日礼包",
	3	+ "navigationStyle": "custom",
	4	+ "usingComponents": {}
	5	+}
0	6	\ No newline at end of file
...	...

pages/giftpack/birthdaygift/birthdaygift.wxml 0 → 100644

View file @0655bf5

	1	+<view >
	2	+ <view class="image_box ">
	3	+ <image src="{{$GetInfo.imgHttp+'/miniapp/images/giftbag/birth00.png'}}" ></image>
	4	+ </view>
	5	+ <block wx:if="{{this.itemShow}}">
	6	+ <view class="top ">
	7	+ <view class="top_box ">
	8	+ <view class="top_box_text ">
	9	+ <text >______</text>
	10	+ </view>
	11	+ <view class="top_box_text ">
	12	+ <text >新人专享\n你的美丽我来缔造</text>
	13	+ </view>
	14	+ <view class="top_box_text ">
	15	+ <text >______</text>
	16	+ </view>
	17	+ </view>
	18	+ <block wx:for="{{itemWare}}" wx:for-item="item" wx:for-index="index" wx:key="index">
	19	+ <view class="top_item ">
	20	+ <block wx:if="{{item.lbType==3}}">
	21	+ <view class="top_item_img ">
	22	+ <image src="{{$GetInfo.imgHttp+'/miniapp/images/giftbag/gift02.png'}}" ></image>
	23	+ </view>
	24	+ </block>
	25	+ <block wx:if="{{item.lbType==1}}">
	26	+ <view class="top_item_img ">
	27	+ <image src="{{item.fromImage==''?$GetInfo.imgHttp+'/miniapp/images/giftbag/empty.jpg':$GetInfo.imgHttp+item.fromImage}}" ></image>
	28	+ </view>
	29	+ </block>
	30	+ <view class="top_item_center ">
	31	+ <view class="top_item_center_title ">
	32	+ <block wx:if="{{item.lbType==1}}">
	33	+ <text >免费领取</text>
	34	+ </block>
	35	+ <block wx:if="{{item.lbType==3}}">
	36	+ <text >{{item.fromName}}</text>
	37	+ </block>
	38	+ </view>
	39	+ <view class="top_item_center_ramke ">
	40	+ <block wx:if="{{item.lbType==1}}">
	41	+ <text >{{item.fromName}}</text>
	42	+ </block>
	43	+ <block wx:if="{{item.lbType==3}}">
	44	+ <text >{{"新人可免费享受专业"+item.fromName+"，可以享受"+item.num+"次。"}}</text>
	45	+ </block>
	46	+ </view>
	47	+ </view>
	48	+ </view>
	49	+ </block>
	50	+ </view>
	51	+ </block>
	52	+ <block wx:if="{{$root.g0}}">
	53	+ <view >
	54	+ <image style="width:10px;height:47px;float:left;top:-38px;left:55px;" src="{{this.$GetInfo.imgHttp+'/miniapp/images/giftbag/birth01.png'}}" ></image>
	55	+ <image style="width:10px;height:47px;float:right;top:-38px;right:55px;" src="{{this.$GetInfo.imgHttp+'/miniapp/images/giftbag/birth01.png'}}" ></image>
	56	+ </view>
	57	+ </block>
	58	+ <block wx:if="{{this.cardShow}}">
	59	+ <view >
	60	+ <view class="top ">
	61	+ <view class="top_box ">
	62	+ <view class="top_box_text ">
	63	+ <text >———</text>
	64	+ </view>
	65	+ <view class="top_box_text ">
	66	+ <text >新人专享优惠券</text>
	67	+ </view>
	68	+ <view class="top_box_text ">
	69	+ <text >———</text>
	70	+ </view>
	71	+ </view>
	72	+ <block wx:for="{{cards}}" wx:for-item="item" wx:for-index="index" wx:key="index">
	73	+ <view class="top_card ">
	74	+ <view class="{{['',item.useObjectType==1?'top_card_box img1':item.useObjectType==2?'top_card_box img2':'top_card_box img3']}}">
	75	+ <view class="top_card_tite_box ">
	76	+ <block wx:if="{{item.useObjectType==0}}">
	77	+ <view class="top_card_tite_a ">全场通用</view>
	78	+ </block>
	79	+ <block wx:if="{{item.useObjectType==1}}">
	80	+ <view class="top_card_tite_b ">品牌限定</view>
	81	+ </block>
	82	+ <block wx:if="{{item.useObjectType==2}}">
	83	+ <view class="top_card_tite_c ">品类限定</view>
	84	+ </block>
	85	+ <block wx:if="{{item.useObjectType==11}}">
	86	+ <view class="top_card_tite_a ">用途限定</view>
	87	+ </block>
	88	+ <block wx:if="{{item.useObjectType==12}}">
	89	+ <view class="top_card_tite_a ">分类1限定</view>
	90	+ </block>
	91	+ </view>
	92	+ <view class="top_card_counte ">{{item.sum+"元券"}}</view>
	93	+ <view class="top_card_remak ">{{"满"+item.buySum+"元可以用"}}</view>
	94	+ </view>
	95	+ </view>
	96	+ </block>
	97	+ </view>
	98	+ </view>
	99	+ </block>
	100	+ <block wx:if="{{$root.g1}}">
	101	+ <view >
	102	+ <view >
	103	+ <image style="width:10px;height:47px;float:left;top:-38px;left:55px;" src="{{this.$GetInfo.imgHttp+'/miniapp/images/giftbag/birth01.png'}}" ></image>
	104	+ <image style="width:10px;height:47px;float:right;top:-38px;right:55px;" src="{{this.$GetInfo.imgHttp+'/miniapp/images/giftbag/birth01.png'}}" ></image>
	105	+ </view>
	106	+ </view>
	107	+ </block>
	108	+ <block wx:if="{{this.packShow}}">
	109	+ <view >
	110	+ <view class="top ">
	111	+ <view class="top_box ">
	112	+ <view class="top_box_text ">
	113	+ <text >———</text>
	114	+ </view>
	115	+ <view class="top_box_text ">
	116	+ <text >新人专享福利</text>
	117	+ </view>
	118	+ <view class="top_box_text ">
	119	+ <text >———</text>
	120	+ </view>
	121	+ </view>
	122	+ <block wx:if="{{this.integralShow}}">
	123	+ <view >
	124	+ <view class="top_box_image ">
	125	+ <image src="{{this.$GetInfo.imgHttp+'/miniapp/images/giftbag/vip06.jpg'}}" ></image>
	126	+ <button >{{this.integralTitle}}</button>
	127	+ </view>
	128	+ </view>
	129	+ </block>
	130	+ <block wx:if="{{this.growUpShow}}">
	131	+ <view >
	132	+ <view class="top_box_image ">
	133	+ <image src="{{this.$GetInfo.imgHttp+'/miniapp/images/giftbag/vip07.jpg'}}" ></image>
	134	+ <button >{{this.growUpTitle}}</button>
	135	+ </view>
	136	+ </view>
	137	+ </block>
	138	+ </view>
	139	+ </view>
	140	+ </block>
	141	+ <block wx:if="{{this.textShow}}">
	142	+ <view class="foot_box ">
	143	+ <view class="foot_box_title ">
	144	+ <text >活动规则:</text>
	145	+ </view>
	146	+ <view class="foot_box_text ">
	147	+ <rich-text nodes="{{this.textTitle}}"></rich-text>
	148	+ </view>
	149	+ </view>
	150	+ </block>
	151	+ <view class="button_box ">
	152	+ <view >
	153	+ <button data-event-opts="{{[['tap',[['GetWebHttp',['$event']]]]]}}" class="button " bindtap="__e">进入商城购物</button>
	154	+ </view>
	155	+ <view class="button_text ">
	156	+ <text >本活动最终解释权归公司所有，如果有问题请联系客服</text>
	157	+ </view>
	158	+ </view>
	159	+ <view class="foot_empty "></view>
	160	+ <view class="foot_button ">
	161	+ <view class="{{['',this.receiveState=='已领取'?'foot_button_notbuy':'foot_button_buy']}}">
	162	+ <text data-event-opts="{{[['tap',[['GetReceive',['$event']]]]]}}" bindtap="__e" >{{this.receiveState}}</text>
	163	+ </view>
	164	+ </view>
	165	+</view>
0	166	\ No newline at end of file
...	...

pages/giftpack/birthdaygift/birthdaygift.wxss 0 → 100644

View file @0655bf5

	1	+@charset "UTF-8";
	2	+/* Author XGQ
	3	+ * 2019-10-27
	4	+ */
	5	+.image_box {
	6	+ -webkit-box-pack: center;
	7	+ -webkit-justify-content: center;
	8	+ justify-content: center;
	9	+}
	10	+.image_box image {
	11	+ width: 100%;
	12	+ height: 690rpx;
	13	+}
	14	+.top {
	15	+ margin: -20rpx 28rpx 45rpx 28rpx;
	16	+ padding: 10rpx 10rpx 70rpx 10rpx;
	17	+ background-color: #FFFFFF;
	18	+ border-radius: 0rpx 0rpx 15rpx 15rpx;
	19	+}
	20	+.top_box {
	21	+ display: -webkit-box;
	22	+ display: -webkit-flex;
	23	+ display: flex;
	24	+ text-align: center;
	25	+ -webkit-box-pack: center;
	26	+ -webkit-justify-content: center;
	27	+ justify-content: center;
	28	+}
	29	+.top_box_text {
	30	+ -webkit-box-pack: center;
	31	+ -webkit-justify-content: center;
	32	+ justify-content: center;
	33	+ margin: 50rpx 15rpx 20rpx 15rpx;
	34	+}
	35	+.top_box_text text {
	36	+ color: #FB6451;
	37	+ font-size: 40rpx;
	38	+}
	39	+.top_item {
	40	+ display: -webkit-box;
	41	+ display: -webkit-flex;
	42	+ display: flex;
	43	+ width: 100%;
	44	+ margin: 60rpx 0 0 0;
	45	+}
	46	+.top_item_img {
	47	+ float: left;
	48	+ width: 28%;
	49	+ margin: 0rpx 10rpx 0rpx 20rpx;
	50	+}
	51	+.top_item_img image {
	52	+ width: 150rpx;
	53	+ height: 150rpx;
	54	+ border-radius: 50%;
	55	+ border: #F96865 solid 3rpx;
	56	+}
	57	+.top_item_center {
	58	+ float: left;
	59	+ width: 50%;
	60	+}
	61	+.top_item_center_title {
	62	+ font-size: 35rpx;
	63	+ color: #FB6451;
	64	+ -webkit-box-pack: start;
	65	+ -webkit-justify-content: flex-start;
	66	+ justify-content: flex-start;
	67	+ padding: 0 10rpx 15rpx 0rpx;
	68	+ word-break: break-all;
	69	+ /属性规定自动换行的处理方法。normal(使用浏览器默认的换行规则。),break-all(允许在单词内换行。),keep-all(只能在半角空格或连字符处换行。)/
	70	+ text-overflow: ellipsis;
	71	+ display: -webkit-box;
	72	+ / 对象作为伸缩盒子模型显示 /
	73	+ -webkit-box-orient: vertical;
	74	+ / 设置或检索伸缩盒对象的子元素的排列方式 /
	75	+ -webkit-line-clamp: 2;
	76	+ / 显示的行数 /
	77	+ overflow: hidden;
	78	+ / 隐藏超出的内容 /
	79	+}
	80	+.top_item_center_ramke {
	81	+ font-size: 25rpx;
	82	+ -webkit-box-pack: start;
	83	+ -webkit-justify-content: flex-start;
	84	+ justify-content: flex-start;
	85	+ line-height: 35rpx;
	86	+ letter-spacing: 0.5rpx;
	87	+ word-break: break-all;
	88	+ /属性规定自动换行的处理方法。normal(使用浏览器默认的换行规则。),break-all(允许在单词内换行。),keep-all(只能在半角空格或连字符处换行。)/
	89	+ text-overflow: ellipsis;
	90	+ display: -webkit-box;
	91	+ / 对象作为伸缩盒子模型显示 /
	92	+ -webkit-box-orient: vertical;
	93	+ / 设置或检索伸缩盒对象的子元素的排列方式 /
	94	+ -webkit-line-clamp: 2;
	95	+ / 显示的行数 /
	96	+ overflow: hidden;
	97	+ / 隐藏超出的内容 /
	98	+}
	99	+.top_item_button {
	100	+ float: right;
	101	+ width: 22%;
	102	+ padding: 65rpx 20rpx 0 1rpx;
	103	+}
	104	+.top_item_button button {
	105	+ font-size: 25rpx;
	106	+ background: #fd6969;
	107	+ color: #FFFFFF;
	108	+ border-radius: 50rpx;
	109	+ height: 45rpx;
	110	+ line-height: 45rpx;
	111	+}
	112	+.top_card {
	113	+ width: calc(50% - 30rpx);
	114	+ display: inline-block;
	115	+ margin: 15rpx;
	116	+}
	117	+.top_card_box {
	118	+ background-size: cover;
	119	+ background-position: center;
	120	+ background-repeat: no-repeat;
	121	+ border-radius: 20rpx;
	122	+ height: 250rpx;
	123	+ margin: 5rpx;
	124	+}
	125	+.img1 {
	126	+ background-image: url(https://mshopimg.yolipai.net/miniapp/images/giftbag/vip01.png);
	127	+}
	128	+.img2 {
	129	+ background-image: url(https://mshopimg.yolipai.net/miniapp/images/giftbag/vip02.png);
	130	+}
	131	+.img3 {
	132	+ background-image: url(https://mshopimg.yolipai.net/miniapp/images/giftbag/vip03.png);
	133	+}
	134	+.top_card_tite_box {
	135	+ width: 100%;
	136	+ display: -webkit-box;
	137	+ display: -webkit-flex;
	138	+ display: flex;
	139	+ -webkit-box-pack: end;
	140	+ -webkit-justify-content: flex-end;
	141	+ justify-content: flex-end;
	142	+}
	143	+.top_card_tite_a {
	144	+ padding: 5rpx 25rpx 5rpx 25rpx;
	145	+ line-height: 29rpx;
	146	+ font-size: 25rpx;
	147	+ color: #FFFFFF;
	148	+ background: #ffa7c0;
	149	+ border-radius: 0rpx 20rpx 0rpx 6rpx;
	150	+}
	151	+.top_card_tite_b {
	152	+ padding: 5rpx 25rpx 5rpx 25rpx;
	153	+ line-height: 29rpx;
	154	+ font-size: 25rpx;
	155	+ color: #FFFFFF;
	156	+ background: #50dfdb;
	157	+ border-radius: 0rpx 20rpx 0rpx 6rpx;
	158	+}
	159	+.top_card_tite_c {
	160	+ padding: 5rpx 25rpx 5rpx 25rpx;
	161	+ line-height: 29rpx;
	162	+ font-size: 25rpx;
	163	+ color: #FFFFFF;
	164	+ background: #92cbff;
	165	+ border-radius: 0rpx 20rpx 0rpx 6rpx;
	166	+}
	167	+.top_card_tite_d {
	168	+ padding: 5rpx 25rpx 5rpx 25rpx;
	169	+ line-height: 29rpx;
	170	+ font-size: 25rpx;
	171	+ color: #FFFFFF;
	172	+ border-radius: 0rpx 20rpx 0rpx 6rpx;
	173	+}
	174	+.top_card_counte {
	175	+ padding: 40rpx 20rpx 0 0;
	176	+ text-align: center;
	177	+ display: -webkit-box;
	178	+ display: -webkit-flex;
	179	+ display: flex;
	180	+ -webkit-box-pack: center;
	181	+ -webkit-justify-content: center;
	182	+ justify-content: center;
	183	+ -webkit-box-align: center;
	184	+ -webkit-align-items: center;
	185	+ align-items: center;
	186	+ color: #FFFFFF;
	187	+ font-size: 40rpx;
	188	+}
	189	+.top_card_remak {
	190	+ padding: 20rpx 0 40rpx 0;
	191	+ text-align: center;
	192	+ display: -webkit-box;
	193	+ display: -webkit-flex;
	194	+ display: flex;
	195	+ -webkit-box-pack: center;
	196	+ -webkit-justify-content: center;
	197	+ justify-content: center;
	198	+ -webkit-box-align: center;
	199	+ -webkit-align-items: center;
	200	+ align-items: center;
	201	+ font-size: 20rpx;
	202	+ color: #FFFFFF;
	203	+}
	204	+.top_card_button_a button {
	205	+ margin: 0 85rpx;
	206	+ background: #ffa6bc;
	207	+ border-radius: 50rpx;
	208	+ line-height: 40rpx;
	209	+ height: 40rpx;
	210	+ color: white;
	211	+ font-size: 25rpx;
	212	+}
	213	+.top_card_button_b button {
	214	+ margin: 0 85rpx;
	215	+ background: #50dfdb;
	216	+ border-radius: 50rpx;
	217	+ line-height: 40rpx;
	218	+ height: 40rpx;
	219	+ color: white;
	220	+ font-size: 25rpx;
	221	+}
	222	+.top_card_button_c button {
	223	+ margin: 0 85rpx;
	224	+ background: #75bcfc;
	225	+ border-radius: 50rpx;
	226	+ line-height: 40rpx;
	227	+ height: 40rpx;
	228	+ color: white;
	229	+ font-size: 25rpx;
	230	+}
	231	+.top_card_button_d button {
	232	+ margin: 0 85rpx;
	233	+ border-radius: 50rpx;
	234	+ line-height: 40rpx;
	235	+ height: 40rpx;
	236	+ color: white;
	237	+ font-size: 25rpx;
	238	+}
	239	+.top_box_image {
	240	+ padding: 20rpx 20rpx 20rpx 20rpx;
	241	+}
	242	+.top_box_image image {
	243	+ height: 216rpx;
	244	+ width: 100%;
	245	+}
	246	+.top_box_image button {
	247	+ margin: 15rpx 95rpx 0rpx 95rpx;
	248	+ background: #fe6a6a;
	249	+ border-radius: 50rpx;
	250	+ line-height: 60rpx;
	251	+ height: 60rpx;
	252	+ color: white;
	253	+ font-size: 30rpx;
	254	+}
	255	+.foot_box {
	256	+ margin: 0 30rpx 40rpx 30rpx;
	257	+ background: #FFFFFF;
	258	+ border-radius: 20rpx;
	259	+}
	260	+.foot_box_title {
	261	+ font-size: 43rpx;
	262	+ color: #000000;
	263	+ padding: 20rpx 30rpx 20rpx 30rpx;
	264	+}
	265	+.foot_box_text {
	266	+ font-size: 30rpx;
	267	+ color: #000000;
	268	+ line-height: 48rpx;
	269	+ padding: 20rpx 35rpx 50rpx 30rpx;
	270	+}
	271	+.button_box {
	272	+ margin: 50rpx 50rpx 50rpx 50rpx;
	273	+ text-align: center;
	274	+}
	275	+.button {
	276	+ margin: 0 30rpx;
	277	+ background: #61d3dd;
	278	+ border-radius: 50rpx;
	279	+ line-height: 80rpx;
	280	+ height: 80rpx;
	281	+ color: white;
	282	+ font-size: 35rpx;
	283	+}
	284	+.button_text {
	285	+ padding-top: 20rpx;
	286	+ font-size: 20rpx;
	287	+ color: white;
	288	+ height: 100rpx;
	289	+}
	290	+.foot_empty {
	291	+ height: 90rpx;
	292	+}
	293	+.foot_button {
	294	+ display: -webkit-box;
	295	+ display: -webkit-flex;
	296	+ display: flex;
	297	+ margin: 20rpx 0rpx 0rpx 0rpx;
	298	+ padding: 25rpx 0rpx;
	299	+ background: #FFFFFF;
	300	+ text-align: center;
	301	+ -webkit-box-pack: center;
	302	+ -webkit-justify-content: center;
	303	+ justify-content: center;
	304	+ position: fixed;
	305	+ bottom: 0;
	306	+ left: 0;
	307	+ width: 100%;
	308	+}
	309	+.foot_button_buy {
	310	+ background: #e4010c;
	311	+ color: #FFFFFF;
	312	+ width: 400rpx;
	313	+ height: 70rpx;
	314	+ font-size: 28rpx;
	315	+ line-height: 70rpx;
	316	+ border-radius: 30rpx 30rpx 30rpx 30rpx;
	317	+}
	318	+.foot_button_notbuy{
	319	+ background: #999999;
	320	+ color: #FFFFFF;
	321	+ width: 400rpx;
	322	+ height: 70rpx;
	323	+ font-size: 28rpx;
	324	+ line-height: 70rpx;
	325	+ border-radius: 30rpx 30rpx 30rpx 30rpx;
	326	+}
	327	+page {
	328	+ background-color: #9be0e5;
	329	+}
	330	+button::after {
	331	+ border: none;
	332	+}
	333	+.foot_box_text ._img {
	334	+ width: 100%;
	335	+}
	336	+.foot_box_text .img {
	337	+ line-height: 0;
	338	+}
	339	+
...	...

pages/giftpack/evaluategift/evaluategift.js 0 → 100644

View file @0655bf5

	1	+var _default =
	2	+{
	3	+ data: function data() {
	4	+ return {
	5	+ itemShow: false, //项目栏目是否显示
	6	+ cardShow: false, //代金券栏目是否显示
	7	+ packShow: false, //福利栏目是否显示
	8	+ textShow: false, //规则是否显示
	9	+ integralShow: true, //积分领取是否显示
	10	+ growUpShow: true, //成长值领取是否显示
	11	+ itemButton: '',
	12	+ cardButton: '',
	13	+ getActId: '',
	14	+ getActType: '',
	15	+ giftID: '',
	16	+ getUserID: '',
	17	+ getStorageID: '',
	18	+ receiveState: '已领取',
	19	+ integralTitle: '已领取',
	20	+ growUpTitle: '已领取',
	21	+ textTitle: '',
	22	+ getUrl: '',
	23	+ noShow: false,
	24	+ //判断中间的连接线是否显示
	25	+ itemShows: function itemShows() {
	26	+ if (this.itemShow) {
	27	+ if (this.cardShow) {
	28	+ return true;
	29	+ } else {
	30	+ return false;
	31	+ }
	32	+ } else {
	33	+ if (this.cardShow) {
	34	+ return false;
	35	+ } else {
	36	+ return false;
	37	+ }
	38	+
	39	+ }
	40	+ },
	41	+ //判断中间的连接线是否显示
	42	+ cardShows: function cardShows() {
	43	+ if (this.cardShow) {
	44	+ if (this.packShow) {
	45	+ return true;
	46	+ } else {
	47	+ return false;
	48	+ }
	49	+ } else {
	50	+ if (this.packShow) {
	51	+ return false;
	52	+ } else {
	53	+ return false;
	54	+ }
	55	+
	56	+ }
	57	+ },
	58	+ cards: [],
	59	+ itemWare: []
	60	+ };
	61	+
	62	+
	63	+
	64	+ },
	65	+ onLoad: function onLoad(options) {
	66	+
	67	+ // 获取url对应的参数
	68	+ // this.getActId = this.GetQueryString('actId'); //活动id
	69	+ // this.getActType = this.GetQueryString('actType'); //活动类型 1新人礼 2评价有礼 3节日营销 4生日营销
	70	+ // this.giftID = this.GetQueryString('giftID'); //礼包ID
	71	+ // this.getStorageID = this.GetQueryString('storageID'); //商家ID
	72	+ // this.getUserID = this.GetQueryString('userID'); //用户ID
	73	+
	74	+ this.getActId = options.actId; //活动id
	75	+ this.getActType = options.actType; //活动类型 1新人礼 2评价有礼 3节日营销 4生日营销
	76	+ this.giftID = options.giftBagId; //礼包ID
	77	+ this.getStorageID = options.storeId; //商家ID
	78	+ this.getUserID = options.userId; //用户ID
	79	+
	80	+ this.GetList();
	81	+
	82	+ },
	83	+ onShow: function onShow() {
	84	+ this.textTitle = this.textTitle.replace(/<p><img/gi, "<p class='img'><img");
	85	+ },
	86	+ methods: {
	87	+
	88	+ getQueryString: function getQueryString(name) {
	89	+ var reg = new RegExp('(^\|&)' + name + '=([^&]*)(&\|$)', 'i');
	90	+ var r = window.location.search.substr(1).match(reg);
	91	+ if (r != null) {
	92	+ return unescape(r[2]);
	93	+ }
	94	+ return null;
	95	+ },
	96	+
	97	+ GetList: function GetList() {
	98	+ var _this = this;
	99	+ uni.request({
	100	+ url: this.$GetInfo.ApiHttp + '/api/weshop/marketing/giftbag/bound/get',
	101	+ data: {
	102	+ "actId": this.getActId, //活动id
	103	+ "actType": this.getActType, //活动类型 1新人礼 2评价有礼 3节日营销 4生日营销
	104	+ "giftBagId": this.giftID, //礼包ID
	105	+ "storeId": this.getStorageID, //商家ID
	106	+ "userId": this.getUserID //用户ID
	107	+ },
	108	+ method: 'GET',
	109	+ header: {
	110	+ 'Content-Type': 'application/x-www-form-urlencoded' //自定义请求头信息
	111	+ },
	112	+ success: function success(res) {
	113	+ console.log(res.data);
	114	+ if (res.data.code == 0) {
	115	+ if (res.data.data.lbCoupons != null) {
	116	+ _this.cardShow = true;
	117	+ _this.cards = res.data.data.lbCoupons;
	118	+ }
	119	+ if (res.data.data.lbSM != null) {
	120	+ _this.itemShow = true;
	121	+ _this.itemWare = res.data.data.lbSM;
	122	+ }
	123	+ if (res.data.data.lbIntegral <= 0) {
	124	+ if (res.data.data.lbGrowthValue <= 0) {
	125	+ _this.packShow = false;
	126	+ } else {
	127	+ _this.packShow = true;
	128	+ _this.integralShow = false;
	129	+ _this.growUpShow = true;
	130	+ }
	131	+
	132	+ } else {
	133	+ if (res.data.data.lbGrowthValue > 0) {
	134	+ _this.packShow = true;
	135	+ } else {
	136	+ _this.packShow = true;
	137	+ _this.integralShow = true;
	138	+ _this.growUpShow = false;
	139	+ }
	140	+ }
	141	+
	142	+ _this.integralTitle = '领取' + res.data.data.lbIntegral + '积分';
	143	+ _this.growUpTitle = '领取' + res.data.data.lbGrowthValue + '积分';
	144	+ if (res.data.data.receiveState == 0) {
	145	+ _this.receiveState = '一键全部领取';
	146	+ } else {
	147	+ _this.receiveState = '已领取';
	148	+ }
	149	+
	150	+
	151	+ if (res.data.data.actIntro != '') {
	152	+ _this.textShow = true;
	153	+ _this.textTitle = res.data.data.actIntro;
	154	+ }
	155	+
	156	+ } else {
	157	+ console.log(res.data.msg);
	158	+ }
	159	+ }
	160	+ });
	161	+
	162	+ },
	163	+ GetWebHttp: function GetWebHttp() {
	164	+ this.getUrl = this.$GetInfo.HtmlHttp + '/mobile/index/index/stoid/' + this.getStorageID + '.html';
	165	+ window.location.href = this.getUrl;
	166	+ },
	167	+ GetReceive: function GetReceive() {
	168	+ var that = this;
	169	+ if (that.receiveState == '已领取') {
	170	+ return false;
	171	+ }
	172	+ uni.request({
	173	+ url: that.$GetInfo.ApiHttp + '/api/weshop/marketing/free/receive/gift/record/insert',
	174	+ data: {
	175	+ "actId": that.getActId, //活动Id
	176	+ "actType": '2', //活动类型 1:新人礼、2:评价有礼、3:节日营销、4:生日营销
	177	+ "lbId": that.giftID, //礼包Id
	178	+ "storeId": that.getStorageID, //商家Id
	179	+ "userId": that.getUserID //用户ID
	180	+ },
	181	+ method: 'POST',
	182	+ header: {
	183	+ 'Content-Type': 'application/json' //自定义请求头信息
	184	+ },
	185	+ success: function success(res) {
	186	+ console.log(res.data);
	187	+ if (res.data.code == 0) {
	188	+ console.log(res.data.msg);
	189	+ that.receiveState = '已领取';
	190	+ uni.showToast({
	191	+ icon: 'none',
	192	+ title: '领取成功！'
	193	+ });
	194	+
	195	+ } else {
	196	+ console.log(res.data.msg);
	197	+ uni.showToast({
	198	+ icon: 'none',
	199	+ title: res.data.msg
	200	+ });
	201	+
	202	+ }
	203	+ }
	204	+ });
	205	+
	206	+ }
	207	+ }
	208	+};
0	209	\ No newline at end of file
...	...

pages/giftpack/evaluategift/evaluategift.json 0 → 100644

View file @0655bf5

	1	+{
	2	+ "navigationBarTitleText": "评价有礼",
	3	+ "navigationStyle": "custom",
	4	+ "usingComponents": {}
	5	+}
0	6	\ No newline at end of file
...	...

pages/giftpack/evaluategift/evaluategift.wxml 0 → 100644

View file @0655bf5

	1	+<view >
	2	+ <view class="image_box">
	3	+ <image src="{{$GetInfo.imgHttp+'/miniapp/images/giftbag/eval00.png'}}" ></image>
	4	+ </view>
	5	+ <block wx:if="{{this.itemShow}}">
	6	+ <view class="top">
	7	+ <view class="top_box">
	8	+ <view class="top_box_text">
	9	+ <text >______</text>
	10	+ </view>
	11	+ <view class="top_box_text">
	12	+ <text >新人专享\n你的美丽我来缔造</text>
	13	+ </view>
	14	+ <view class="top_box_text">
	15	+ <text >______</text>
	16	+ </view>
	17	+ </view>
	18	+ <block wx:for="{{itemWare}}" wx:for-item="item" wx:for-index="index" wx:key="index">
	19	+ <view class="top_item">
	20	+ <block wx:if="{{item.lbType==3}}">
	21	+ <view class="top_item_img">
	22	+ <image src="{{$GetInfo.imgHttp+'/miniapp/images/giftbag/gift02.png'}}" ></image>
	23	+ </view>
	24	+ </block>
	25	+ <block wx:if="{{item.lbType==1}}">
	26	+ <view class="top_item_img">
	27	+ <image src="{{item.fromImage==''?$GetInfo.imgHttp+'/miniapp/images/giftbag/empty.jpg':$GetInfo.imgHttp+item.fromImage}}" ></image>
	28	+ </view>
	29	+ </block>
	30	+ <view class="top_item_center">
	31	+ <view class="top_item_center_title">
	32	+ <block wx:if="{{item.lbType==1}}">
	33	+ <text >免费领取</text>
	34	+ </block>
	35	+ <block wx:if="{{item.lbType==3}}">
	36	+ <text >{{item.fromName}}</text>
	37	+ </block>
	38	+ </view>
	39	+ <view class="top_item_center_ramke">
	40	+ <block wx:if="{{item.lbType==1}}">
	41	+ <text >{{item.fromName}}</text>
	42	+ </block>
	43	+ <block wx:if="{{item.lbType==3}}">
	44	+ <text >{{"新人可免费享受专业"+item.fromName+"，可以享受"+item.num+"次。"}}</text>
	45	+ </block>
	46	+ </view>
	47	+ </view>
	48	+ </view>
	49	+ </block>
	50	+ </view>
	51	+ </block>
	52	+ <block wx:if="{{$root.g0}}">
	53	+ <view >
	54	+ <image style="width:10px;height:47px;float:left;top:-38px;left:55px;" src="{{this.$GetInfo.imgHttp+'/miniapp/images/giftbag/eval01.png'}}" ></image>
	55	+ <image style="width:10px;height:47px;float:right;top:-38px;right:55px;" src="{{this.$GetInfo.imgHttp+'/miniapp/images/giftbag/eval01.png'}}" ></image>
	56	+ </view>
	57	+ </block>
	58	+ <block wx:if="{{this.cardShow}}">
	59	+ <view >
	60	+ <view class="top">
	61	+ <view class="top_box">
	62	+ <view class="top_box_text">
	63	+ <text >———</text>
	64	+ </view>
	65	+ <view class="top_box_text">
	66	+ <text >新人专享优惠券</text>
	67	+ </view>
	68	+ <view class="top_box_text">
	69	+ <text >———</text>
	70	+ </view>
	71	+ </view>
	72	+ <block wx:for="{{cards}}" wx:for-item="item" wx:for-index="index" wx:key="index">
	73	+ <view class="top_card">
	74	+ <view class="{{['data-v-903fed06',item.useObjectType==1?'top_card_box img1':item.useObjectType==2?'top_card_box img2':'top_card_box img3']}}">
	75	+ <view class="top_card_tite_box">
	76	+ <block wx:if="{{item.useObjectType==0}}">
	77	+ <view class="top_card_tite_a">全场通用</view>
	78	+ </block>
	79	+ <block wx:if="{{item.useObjectType==1}}">
	80	+ <view class="top_card_tite_b">品牌限定</view>
	81	+ </block>
	82	+ <block wx:if="{{item.useObjectType==2}}">
	83	+ <view class="top_card_tite_c">品类限定</view>
	84	+ </block>
	85	+ <block wx:if="{{item.useObjectType==11}}">
	86	+ <view class="top_card_tite_a">用途限定</view>
	87	+ </block>
	88	+ <block wx:if="{{item.useObjectType==12}}">
	89	+ <view class="top_card_tite_a">分类1限定</view>
	90	+ </block>
	91	+ </view>
	92	+ <view class="top_card_counte">{{item.sum+"元券"}}</view>
	93	+ <view class="top_card_remak">{{"满"+item.buySum+"元可以用"}}</view>
	94	+ </view>
	95	+ </view>
	96	+ </block>
	97	+ </view>
	98	+ </view>
	99	+ </block>
	100	+ <block wx:if="{{$root.g1}}">
	101	+ <view >
	102	+ <view >
	103	+ <image style="width:10px;height:47px;float:left;top:-38px;left:55px;" src="{{this.$GetInfo.imgHttp+'/miniapp/images/giftbag/eval01.png'}}" ></image>
	104	+ <image style="width:10px;height:47px;float:right;top:-38px;right:55px;" src="{{this.$GetInfo.imgHttp+'/miniapp/images/giftbag/eval01.png'}}" ></image>
	105	+ </view>
	106	+ </view>
	107	+ </block>
	108	+ <block wx:if="{{this.packShow}}">
	109	+ <view >
	110	+ <view class="top">
	111	+ <view class="top_box">
	112	+ <view class="top_box_text">
	113	+ <text >———</text>
	114	+ </view>
	115	+ <view class="top_box_text">
	116	+ <text >新人专享福利</text>
	117	+ </view>
	118	+ <view class="top_box_text">
	119	+ <text >———</text>
	120	+ </view>
	121	+ </view>
	122	+ <block wx:if="{{this.integralShow}}">
	123	+ <view >
	124	+ <view class="top_box_image">
	125	+ <image src="{{this.$GetInfo.imgHttp+'/miniapp/images/giftbag/vip06.jpg'}}" ></image>
	126	+ <button >{{this.integralTitle}}</button>
	127	+ </view>
	128	+ </view>
	129	+ </block>
	130	+ <block wx:if="{{this.growUpShow}}">
	131	+ <view >
	132	+ <view class="top_box_image">
	133	+ <image src="{{this.$GetInfo.imgHttp+'/miniapp/images/giftbag/vip07.jpg'}}" ></image>
	134	+ <button >{{this.growUpTitle}}</button>
	135	+ </view>
	136	+ </view>
	137	+ </block>
	138	+ </view>
	139	+ </view>
	140	+ </block>
	141	+ <block wx:if="{{this.textShow}}">
	142	+ <view class="foot_box">
	143	+ <view class="foot_box_title">
	144	+ <text >活动规则:</text>
	145	+ </view>
	146	+ <view class="foot_box_text">
	147	+ <rich-text nodes="{{this.textTitle}}"></rich-text>
	148	+ </view>
	149	+ </view>
	150	+ </block>
	151	+ <view class="button_box">
	152	+ <view >
	153	+ <button data-event-opts="{{[['tap',[['GetWebHttp',['$event']]]]]}}" class="button" bindtap="__e">进入商城购物</button>
	154	+ </view>
	155	+ <view class="button_text">
	156	+ <text >本活动最终解释权归公司所有，如果有问题请联系客服</text>
	157	+ </view>
	158	+ </view>
	159	+ <view class="foot_empty"></view>
	160	+ <view class="foot_button">
	161	+ <view class="{{['data-v-903fed06',this.receiveState=='已领取'?'foot_button_notbuy':'foot_button_buy']}}">
	162	+ <text data-event-opts="{{[['tap',[['GetReceive',['$event']]]]]}}" bindtap="__e" >{{this.receiveState}}</text>
	163	+ </view>
	164	+ </view>
	165	+</view>
0	166	\ No newline at end of file
...	...

pages/giftpack/evaluategift/evaluategift.wxss 0 → 100644

View file @0655bf5

	1	+@charset "UTF-8";
	2	+/* Author XGQ
	3	+ * 2019-10-27
	4	+ */
	5	+.image_box {
	6	+ -webkit-box-pack: center;
	7	+ -webkit-justify-content: center;
	8	+ justify-content: center;
	9	+}
	10	+.image_box image {
	11	+ width: 100%;
	12	+ height: 690rpx;
	13	+}
	14	+.top {
	15	+ margin: -20rpx 28rpx 45rpx 28rpx;
	16	+ padding: 10rpx 10rpx 70rpx 10rpx;
	17	+ background-color: #FFFFFF;
	18	+ border-radius: 0rpx 0rpx 15rpx 15rpx;
	19	+}
	20	+.top_box {
	21	+ display: -webkit-box;
	22	+ display: -webkit-flex;
	23	+ display: flex;
	24	+ text-align: center;
	25	+ -webkit-box-pack: center;
	26	+ -webkit-justify-content: center;
	27	+ justify-content: center;
	28	+}
	29	+.top_box_text {
	30	+ -webkit-box-pack: center;
	31	+ -webkit-justify-content: center;
	32	+ justify-content: center;
	33	+ margin: 50rpx 15rpx 20rpx 15rpx;
	34	+}
	35	+.top_box_text text {
	36	+ color: #FB6451;
	37	+ font-size: 40rpx;
	38	+}
	39	+.top_item {
	40	+ display: -webkit-box;
	41	+ display: -webkit-flex;
	42	+ display: flex;
	43	+ width: 100%;
	44	+ margin: 60rpx 0 0 0;
	45	+}
	46	+.top_item_img {
	47	+ float: left;
	48	+ width: 28%;
	49	+ margin: 0rpx 10rpx 0rpx 20rpx;
	50	+}
	51	+.top_item_img image {
	52	+ width: 150rpx;
	53	+ height: 150rpx;
	54	+ border-radius: 50%;
	55	+ border: #F96865 solid 3rpx;
	56	+}
	57	+.top_item_center {
	58	+ float: left;
	59	+ width: 50%;
	60	+}
	61	+.top_item_center_title {
	62	+ font-size: 35rpx;
	63	+ color: #FB6451;
	64	+ -webkit-box-pack: start;
	65	+ -webkit-justify-content: flex-start;
	66	+ justify-content: flex-start;
	67	+ padding: 0 10rpx 15rpx 0rpx;
	68	+ word-break: break-all;
	69	+ /属性规定自动换行的处理方法。normal(使用浏览器默认的换行规则。),break-all(允许在单词内换行。),keep-all(只能在半角空格或连字符处换行。)/
	70	+ text-overflow: ellipsis;
	71	+ display: -webkit-box;
	72	+ / 对象作为伸缩盒子模型显示 /
	73	+ -webkit-box-orient: vertical;
	74	+ / 设置或检索伸缩盒对象的子元素的排列方式 /
	75	+ -webkit-line-clamp: 2;
	76	+ / 显示的行数 /
	77	+ overflow: hidden;
	78	+ / 隐藏超出的内容 /
	79	+}
	80	+.top_item_center_ramke {
	81	+ font-size: 25rpx;
	82	+ -webkit-box-pack: start;
	83	+ -webkit-justify-content: flex-start;
	84	+ justify-content: flex-start;
	85	+ line-height: 35rpx;
	86	+ letter-spacing: 0.5rpx;
	87	+ word-break: break-all;
	88	+ /属性规定自动换行的处理方法。normal(使用浏览器默认的换行规则。),break-all(允许在单词内换行。),keep-all(只能在半角空格或连字符处换行。)/
	89	+ text-overflow: ellipsis;
	90	+ display: -webkit-box;
	91	+ / 对象作为伸缩盒子模型显示 /
	92	+ -webkit-box-orient: vertical;
	93	+ / 设置或检索伸缩盒对象的子元素的排列方式 /
	94	+ -webkit-line-clamp: 2;
	95	+ / 显示的行数 /
	96	+ overflow: hidden;
	97	+ / 隐藏超出的内容 /
	98	+}
	99	+.top_item_button {
	100	+ float: right;
	101	+ width: 22%;
	102	+ padding: 65rpx 20rpx 0 1rpx;
	103	+}
	104	+.top_item_button button {
	105	+ font-size: 25rpx;
	106	+ background: #fd6969;
	107	+ color: #FFFFFF;
	108	+ border-radius: 50rpx;
	109	+ height: 45rpx;
	110	+ line-height: 45rpx;
	111	+}
	112	+.top_card {
	113	+ width: calc(50% - 30rpx);
	114	+ display: inline-block;
	115	+ margin: 15rpx;
	116	+}
	117	+.top_card_box {
	118	+ background-size: cover;
	119	+ background-position: center;
	120	+ background-repeat: no-repeat;
	121	+ border-radius: 20rpx;
	122	+ height: 250rpx;
	123	+ margin: 5rpx;
	124	+}
	125	+.img1 {
	126	+ background-image: url(https://mshopimg.yolipai.net/miniapp/images/giftbag/vip01.png);
	127	+}
	128	+.img2 {
	129	+ background-image: url(https://mshopimg.yolipai.net/miniapp/images/giftbag/vip02.png);
	130	+}
	131	+.img3 {
	132	+ background-image: url(https://mshopimg.yolipai.net/miniapp/images/giftbag/vip03.png);
	133	+}
	134	+.top_card_tite_box {
	135	+ width: 100%;
	136	+ display: -webkit-box;
	137	+ display: -webkit-flex;
	138	+ display: flex;
	139	+ -webkit-box-pack: end;
	140	+ -webkit-justify-content: flex-end;
	141	+ justify-content: flex-end;
	142	+}
	143	+.top_card_tite_a {
	144	+ padding: 5rpx 25rpx 5rpx 25rpx;
	145	+ line-height: 29rpx;
	146	+ font-size: 25rpx;
	147	+ color: #FFFFFF;
	148	+ background: #ffa7c0;
	149	+ border-radius: 0rpx 20rpx 0rpx 6rpx;
	150	+}
	151	+.top_card_tite_b {
	152	+ padding: 5rpx 25rpx 5rpx 25rpx;
	153	+ line-height: 29rpx;
	154	+ font-size: 25rpx;
	155	+ color: #FFFFFF;
	156	+ background: #50dfdb;
	157	+ border-radius: 0rpx 20rpx 0rpx 6rpx;
	158	+}
	159	+.top_card_tite_c {
	160	+ padding: 5rpx 25rpx 5rpx 25rpx;
	161	+ line-height: 29rpx;
	162	+ font-size: 25rpx;
	163	+ color: #FFFFFF;
	164	+ background: #92cbff;
	165	+ border-radius: 0rpx 20rpx 0rpx 6rpx;
	166	+}
	167	+.top_card_tite_d {
	168	+ padding: 5rpx 25rpx 5rpx 25rpx;
	169	+ line-height: 29rpx;
	170	+ font-size: 25rpx;
	171	+ color: #FFFFFF;
	172	+ border-radius: 0rpx 20rpx 0rpx 6rpx;
	173	+}
	174	+.top_card_counte {
	175	+ padding: 40rpx 20rpx 0 0;
	176	+ text-align: center;
	177	+ display: -webkit-box;
	178	+ display: -webkit-flex;
	179	+ display: flex;
	180	+ -webkit-box-pack: center;
	181	+ -webkit-justify-content: center;
	182	+ justify-content: center;
	183	+ -webkit-box-align: center;
	184	+ -webkit-align-items: center;
	185	+ align-items: center;
	186	+ color: #FFFFFF;
	187	+ font-size: 40rpx;
	188	+}
	189	+.top_card_remak {
	190	+ padding: 20rpx 0 40rpx 0;
	191	+ text-align: center;
	192	+ display: -webkit-box;
	193	+ display: -webkit-flex;
	194	+ display: flex;
	195	+ -webkit-box-pack: center;
	196	+ -webkit-justify-content: center;
	197	+ justify-content: center;
	198	+ -webkit-box-align: center;
	199	+ -webkit-align-items: center;
	200	+ align-items: center;
	201	+ font-size: 20rpx;
	202	+ color: #FFFFFF;
	203	+}
	204	+.top_card_button_a button {
	205	+ margin: 0 85rpx;
	206	+ background: #ffa6bc;
	207	+ border-radius: 50rpx;
	208	+ line-height: 40rpx;
	209	+ height: 40rpx;
	210	+ color: white;
	211	+ font-size: 25rpx;
	212	+}
	213	+.top_card_button_b button {
	214	+ margin: 0 85rpx;
	215	+ background: #50dfdb;
	216	+ border-radius: 50rpx;
	217	+ line-height: 40rpx;
	218	+ height: 40rpx;
	219	+ color: white;
	220	+ font-size: 25rpx;
	221	+}
	222	+.top_card_button_c button {
	223	+ margin: 0 85rpx;
	224	+ background: #75bcfc;
	225	+ border-radius: 50rpx;
	226	+ line-height: 40rpx;
	227	+ height: 40rpx;
	228	+ color: white;
	229	+ font-size: 25rpx;
	230	+}
	231	+.top_card_button_d button {
	232	+ margin: 0 85rpx;
	233	+ border-radius: 50rpx;
	234	+ line-height: 40rpx;
	235	+ height: 40rpx;
	236	+ color: white;
	237	+ font-size: 25rpx;
	238	+}
	239	+.top_box_image {
	240	+ padding: 20rpx 20rpx 20rpx 20rpx;
	241	+}
	242	+.top_box_image image {
	243	+ height: 216rpx;
	244	+ width: 100%;
	245	+}
	246	+.top_box_image button {
	247	+ margin: 15rpx 95rpx 0rpx 95rpx;
	248	+ background: #fe6a6a;
	249	+ border-radius: 50rpx;
	250	+ line-height: 60rpx;
	251	+ height: 60rpx;
	252	+ color: white;
	253	+ font-size: 30rpx;
	254	+}
	255	+.foot_box {
	256	+ margin: 0 30rpx 40rpx 30rpx;
	257	+ background: #FFFFFF;
	258	+ border-radius: 20rpx;
	259	+}
	260	+.foot_box_title {
	261	+ font-size: 43rpx;
	262	+ color: #000000;
	263	+ padding: 20rpx 30rpx 20rpx 30rpx;
	264	+}
	265	+.foot_box_text {
	266	+ font-size: 30rpx;
	267	+ color: #000000;
	268	+ line-height: 48rpx;
	269	+ padding: 20rpx 35rpx 50rpx 30rpx;
	270	+}
	271	+.button_box {
	272	+ margin: 50rpx 50rpx 50rpx 50rpx;
	273	+ text-align: center;
	274	+}
	275	+.button {
	276	+ margin: 0 30rpx;
	277	+ background: #5d93f5;
	278	+ border-radius: 50rpx;
	279	+ line-height: 80rpx;
	280	+ height: 80rpx;
	281	+ color: white;
	282	+ font-size: 35rpx;
	283	+}
	284	+.button_text {
	285	+ padding-top: 20rpx;
	286	+ font-size: 20rpx;
	287	+ color: white;
	288	+ height: 100rpx;
	289	+}
	290	+.foot_empty {
	291	+ height: 90rpx;
	292	+}
	293	+.foot_button {
	294	+ display: -webkit-box;
	295	+ display: -webkit-flex;
	296	+ display: flex;
	297	+ margin: 20rpx 0rpx 0rpx 0rpx;
	298	+ padding: 25rpx 0rpx;
	299	+ background: #FFFFFF;
	300	+ text-align: center;
	301	+ -webkit-box-pack: center;
	302	+ -webkit-justify-content: center;
	303	+ justify-content: center;
	304	+ position: fixed;
	305	+ bottom: 0;
	306	+ left: 0;
	307	+ width: 100%;
	308	+}
	309	+.foot_button_buy {
	310	+ background: #e4010c;
	311	+ color: #FFFFFF;
	312	+ width: 400rpx;
	313	+ height: 70rpx;
	314	+ font-size: 28rpx;
	315	+ line-height: 70rpx;
	316	+ border-radius: 30rpx 30rpx 30rpx 30rpx;
	317	+}
	318	+.foot_button_notbuy{
	319	+ background: #999999;
	320	+ color: #FFFFFF;
	321	+ width: 400rpx;
	322	+ height: 70rpx;
	323	+ font-size: 28rpx;
	324	+ line-height: 70rpx;
	325	+ border-radius: 30rpx 30rpx 30rpx 30rpx;
	326	+}
	327	+page {
	328	+ background-color: #4784ef;
	329	+}
	330	+button::after {
	331	+ border: none;
	332	+}
	333	+.foot_box_text ._img {
	334	+ width: 100%;
	335	+}
	336	+.foot_box_text .img {
	337	+ line-height: 0;
	338	+}
	339	+
...	...

pages/giftpack/newvipgift/newvipgift.js 0 → 100644

View file @0655bf5

	1	+var _default =
	2	+{
	3	+ data: function data() {
	4	+ return {
	5	+ itemShow: false, //项目栏目是否显示
	6	+ cardShow: false, //代金券栏目是否显示
	7	+ packShow: false, //福利栏目是否显示
	8	+ textShow: false, //规则是否显示
	9	+ integralShow: true, //积分领取是否显示
	10	+ growUpShow: true, //成长值领取是否显示
	11	+ itemButton: '',
	12	+ cardButton: '',
	13	+ getActId: '',
	14	+ getActType: '',
	15	+ giftID: '',
	16	+ getUserID: '',
	17	+ getStorageID: '',
	18	+ receiveState: '已领取',
	19	+ integralTitle: '已领取',
	20	+ growUpTitle: '已领取',
	21	+ textTitle: '',
	22	+ getUrl: '',
	23	+ noShow: false,
	24	+ //判断中间的连接线是否显示
	25	+ itemShows: function itemShows() {
	26	+ if (this.itemShow) {
	27	+ if (this.cardShow) {
	28	+ return true;
	29	+ } else {
	30	+ return false;
	31	+ }
	32	+ } else {
	33	+ if (this.cardShow) {
	34	+ return false;
	35	+ } else {
	36	+ return false;
	37	+ }
	38	+
	39	+ }
	40	+ },
	41	+ //判断中间的连接线是否显示
	42	+ cardShows: function cardShows() {
	43	+ if (this.cardShow) {
	44	+ if (this.packShow) {
	45	+ return true;
	46	+ } else {
	47	+ return false;
	48	+ }
	49	+ } else {
	50	+ if (this.packShow) {
	51	+ return false;
	52	+ } else {
	53	+ return false;
	54	+ }
	55	+
	56	+ }
	57	+ },
	58	+ cards: [],
	59	+ itemWare: []
	60	+ };
	61	+
	62	+
	63	+
	64	+ },
	65	+ onLoad: function onLoad(options) {
	66	+
	67	+ // 获取url对应的参数
	68	+ // this.getActId = this.GetQueryString('actId'); //活动id
	69	+ // this.getActType = this.GetQueryString('actType'); //活动类型 1新人礼 2评价有礼 3节日营销 4生日营销
	70	+ // this.giftID = this.GetQueryString('giftID'); //礼包ID
	71	+ // this.getStorageID = this.GetQueryString('storageID'); //商家ID
	72	+ // this.getUserID = this.GetQueryString('userID'); //用户ID
	73	+
	74	+ this.getActId = options.actId; //活动id
	75	+ this.getActType = options.actType; //活动类型 1新人礼 2评价有礼 3节日营销 4生日营销
	76	+ this.giftID = options.giftBagId; //礼包ID
	77	+ this.getStorageID = options.storeId; //商家ID
	78	+ this.getUserID = options.userId; //用户ID
	79	+
	80	+ this.GetList();
	81	+
	82	+ },
	83	+ onShow: function onShow() {
	84	+ this.textTitle = this.textTitle.replace(/<p><img/gi, "<p class='img'><img");
	85	+ },
	86	+ methods: {
	87	+
	88	+ getQueryString: function getQueryString(name) {
	89	+ var reg = new RegExp('(^\|&)' + name + '=([^&]*)(&\|$)', 'i');
	90	+ var r = window.location.search.substr(1).match(reg);
	91	+ if (r != null) {
	92	+ return unescape(r[2]);
	93	+ }
	94	+ return null;
	95	+ },
	96	+
	97	+ GetList: function GetList() {
	98	+ var _this = this;
	99	+ uni.request({
	100	+ url: this.$GetInfo.ApiHttp + '/api/weshop/marketing/giftbag/bound/get',
	101	+ data: {
	102	+ "actId": this.getActId, //活动id
	103	+ "actType": this.getActType, //活动类型 1新人礼 2评价有礼 3节日营销 4生日营销
	104	+ "giftBagId": this.giftID, //礼包ID
	105	+ "storeId": this.getStorageID, //商家ID
	106	+ "userId": this.getUserID //用户ID
	107	+ },
	108	+ method: 'GET',
	109	+ header: {
	110	+ 'Content-Type': 'application/x-www-form-urlencoded' //自定义请求头信息
	111	+ },
	112	+ success: function success(res) {
	113	+ console.log(res.data);
	114	+ if (res.data.code == 0) {
	115	+ if (res.data.data.lbCoupons != null) {
	116	+ _this.cardShow = true;
	117	+ _this.cards = res.data.data.lbCoupons;
	118	+ }
	119	+ if (res.data.data.lbSM != null) {
	120	+ _this.itemShow = true;
	121	+ _this.itemWare = res.data.data.lbSM;
	122	+ }
	123	+ if (res.data.data.lbIntegral <= 0) {
	124	+ if (res.data.data.lbGrowthValue <= 0) {
	125	+ _this.packShow = false;
	126	+ } else {
	127	+ _this.packShow = true;
	128	+ _this.integralShow = false;
	129	+ _this.growUpShow = true;
	130	+ }
	131	+
	132	+ } else {
	133	+ if (res.data.data.lbGrowthValue > 0) {
	134	+ _this.packShow = true;
	135	+ } else {
	136	+ _this.packShow = true;
	137	+ _this.integralShow = true;
	138	+ _this.growUpShow = false;
	139	+ }
	140	+ }
	141	+
	142	+ _this.integralTitle = '领取' + res.data.data.lbIntegral + '积分';
	143	+ _this.growUpTitle = '领取' + res.data.data.lbGrowthValue + '积分';
	144	+ if (res.data.data.receiveState == 0) {
	145	+ _this.receiveState = '一键全部领取';
	146	+ } else {
	147	+ _this.receiveState = '已领取';
	148	+ }
	149	+
	150	+
	151	+ if (res.data.data.actIntro != '') {
	152	+ _this.textShow = true;
	153	+ console.log(res.data.data.actIntro);
	154	+ _this.textTitle = res.data.data.actIntro;
	155	+ }
	156	+
	157	+ } else {
	158	+ console.log(res.data.msg);
	159	+ }
	160	+ }
	161	+ });
	162	+
	163	+ },
	164	+ GetWebHttp: function GetWebHttp() {
	165	+ this.getUrl = this.$GetInfo.HtmlHttp + '/mobile/index/index/stoid/' + this.getStorageID + '.html';
	166	+ window.location.href = this.getUrl;
	167	+ },
	168	+ GetReceive: function GetReceive() {
	169	+ var that = this;
	170	+ if (that.receiveState == '已领取') {
	171	+ return false;
	172	+ }
	173	+ uni.request({
	174	+ url: that.$GetInfo.ApiHttp + '/api/weshop/marketing/free/receive/gift/record/insert',
	175	+ data: {
	176	+ "actId": that.getActId, //活动Id
	177	+ "actType": '1', //活动类型 1:新人礼、2:评价有礼、3:节日营销、4:生日营销
	178	+ "lbId": that.giftID, //礼包Id
	179	+ "storeId": that.getStorageID, //商家Id
	180	+ "userId": that.getUserID //用户ID
	181	+ },
	182	+ method: 'POST',
	183	+ header: {
	184	+ 'Content-Type': 'application/json' //自定义请求头信息
	185	+ },
	186	+ success: function success(res) {
	187	+ console.log(res.data);
	188	+ if (res.data.code == 0) {
	189	+ console.log(res.data.msg);
	190	+ that.receiveState = '已领取';
	191	+ uni.showToast({
	192	+ icon: 'none',
	193	+ title: '领取成功！'
	194	+ });
	195	+
	196	+ } else {
	197	+ console.log(res.data.msg);
	198	+ uni.showToast({
	199	+ icon: 'none',
	200	+ title: res.data.msg
	201	+ });
	202	+
	203	+ }
	204	+ }
	205	+ });
	206	+
	207	+ }
	208	+ }
	209	+};
0	210	\ No newline at end of file
...	...

pages/giftpack/newvipgift/newvipgift.json 0 → 100644

View file @0655bf5

	1	+{
	2	+ "navigationBarTitleText": "新人礼",
	3	+ "navigationStyle": "custom",
	4	+ "usingComponents": {}
	5	+}
0	6	\ No newline at end of file
...	...

pages/giftpack/newvipgift/newvipgift.wxml 0 → 100644

View file @0655bf5

	1	+<view>
	2	+ <view class="image_box">
	3	+ <image src="{{$GetInfo.imgHttp+'/miniapp/images/giftbag/vip00.png'}}" ></image>
	4	+ </view>
	5	+ <block wx:if="{{this.itemShow}}">
	6	+ <view class="top">
	7	+ <view class="top_box">
	8	+ <view class="top_box_text">
	9	+ <text>______</text>
	10	+ </view>
	11	+ <view class="top_box_text">
	12	+ <text >新人专享\n你的美丽我来缔造</text>
	13	+ </view>
	14	+ <view class="top_box_text">
	15	+ <text >______</text>
	16	+ </view>
	17	+ </view>
	18	+ <block wx:for="{{itemWare}}" wx:for-item="item" wx:for-index="index" wx:key="index">
	19	+ <view class="top_item ">
	20	+ <block wx:if="{{item.lbType==3}}">
	21	+ <view class="top_item_img ">
	22	+ <image src="{{$GetInfo.imgHttp+'/miniapp/images/giftbag/gift02.png'}}" ></image>
	23	+ </view>
	24	+ </block>
	25	+ <block wx:if="{{item.lbType==1}}">
	26	+ <view class="top_item_img ">
	27	+ <image src="{{item.fromImage==''?$GetInfo.imgHttp+'/miniapp/images/giftbag/empty.jpg':$GetInfo.imgHttp+item.fromImage}}" ></image>
	28	+ </view>
	29	+ </block>
	30	+ <view class="top_item_center ">
	31	+ <view class="top_item_center_title ">
	32	+ <block wx:if="{{item.lbType==1}}">
	33	+ <text >免费领取</text>
	34	+ </block>
	35	+ <block wx:if="{{item.lbType==3}}">
	36	+ <text >{{item.fromName}}</text>
	37	+ </block>
	38	+ </view>
	39	+ <view class="top_item_center_ramke ">
	40	+ <block wx:if="{{item.lbType==1}}">
	41	+ <text >{{item.fromName}}</text>
	42	+ </block>
	43	+ <block wx:if="{{item.lbType==3}}">
	44	+ <text >{{"新人可免费享受专业"+item.fromName+"，可以享受"+item.num+"次。"}}</text>
	45	+ </block>
	46	+ </view>
	47	+ </view>
	48	+ </view>
	49	+ </block>
	50	+ </view>
	51	+ </block>
	52	+ <block wx:if="{{$root.g0}}">
	53	+ <view >
	54	+ <image style="width:10px;height:47px;float:left;top:-38px;left:55px;" src="{{this.$GetInfo.imgHttp+'/miniapp/images/giftbag/vip05.png'}}" ></image>
	55	+ <image style="width:10px;height:47px;float:right;top:-38px;right:55px;" src="{{this.$GetInfo.imgHttp+'/miniapp/images/giftbag/vip05.png'}}" ></image>
	56	+ </view>
	57	+ </block>
	58	+ <block wx:if="{{this.cardShow}}">
	59	+ <view >
	60	+ <view class="top ">
	61	+ <view class="top_box ">
	62	+ <view class="top_box_text ">
	63	+ <text >———</text>
	64	+ </view>
	65	+ <view class="top_box_text ">
	66	+ <text >新人专享优惠券</text>
	67	+ </view>
	68	+ <view class="top_box_text ">
	69	+ <text >———</text>
	70	+ </view>
	71	+ </view>
	72	+ <block wx:for="{{cards}}" wx:for-item="item" wx:for-index="index" wx:key="index">
	73	+ <view class="top_card ">
	74	+ <view class="{{['',item.useObjectType==1?'top_card_box img1':item.useObjectType==2?'top_card_box img2':'top_card_box img3']}}">
	75	+ <view class="top_card_tite_box ">
	76	+ <block wx:if="{{item.useObjectType==0}}">
	77	+ <view class="top_card_tite_a ">全场通用</view>
	78	+ </block>
	79	+ <block wx:if="{{item.useObjectType==1}}">
	80	+ <view class="top_card_tite_b ">品牌限定</view>
	81	+ </block>
	82	+ <block wx:if="{{item.useObjectType==2}}">
	83	+ <view class="top_card_tite_c ">品类限定</view>
	84	+ </block>
	85	+ <block wx:if="{{item.useObjectType==11}}">
	86	+ <view class="top_card_tite_a ">用途限定</view>
	87	+ </block>
	88	+ <block wx:if="{{item.useObjectType==12}}">
	89	+ <view class="top_card_tite_a ">分类1限定</view>
	90	+ </block>
	91	+ </view>
	92	+ <view class="top_card_counte ">{{item.sum+"元券"}}</view>
	93	+ <view class="top_card_remak ">{{"满"+item.buySum+"元可以用"}}</view>
	94	+ </view>
	95	+ </view>
	96	+ </block>
	97	+ </view>
	98	+ </view>
	99	+ </block>
	100	+ <block wx:if="{{$root.g1}}">
	101	+ <view >
	102	+ <view >
	103	+ <image style="width:10px;height:47px;float:left;top:-38px;left:55px;" src="{{this.$GetInfo.imgHttp+'/miniapp/images/giftbag/vip05.png'}}" ></image>
	104	+ <image style="width:10px;height:47px;float:right;top:-38px;right:55px;" src="{{this.$GetInfo.imgHttp+'/miniapp/images/giftbag/vip05.png'}}" ></image>
	105	+ </view>
	106	+ </view>
	107	+ </block>
	108	+ <block wx:if="{{this.packShow}}">
	109	+ <view >
	110	+ <view class="top ">
	111	+ <view class="top_box ">
	112	+ <view class="top_box_text ">
	113	+ <text >———</text>
	114	+ </view>
	115	+ <view class="top_box_text ">
	116	+ <text >新人专享福利</text>
	117	+ </view>
	118	+ <view class="top_box_text ">
	119	+ <text >———</text>
	120	+ </view>
	121	+ </view>
	122	+ <block wx:if="{{this.integralShow}}">
	123	+ <view >
	124	+ <view class="top_box_image ">
	125	+ <image src="{{this.$GetInfo.imgHttp+'/miniapp/images/giftbag/vip06.jpg'}}" ></image>
	126	+ <button >{{this.integralTitle}}</button>
	127	+ </view>
	128	+ </view>
	129	+ </block>
	130	+ <block wx:if="{{this.growUpShow}}">
	131	+ <view >
	132	+ <view class="top_box_image ">
	133	+ <image src="{{this.$GetInfo.imgHttp+'/miniapp/images/giftbag/vip07.jpg'}}" ></image>
	134	+ <button >{{this.growUpTitle}}</button>
	135	+ </view>
	136	+ </view>
	137	+ </block>
	138	+ </view>
	139	+ </view>
	140	+ </block>
	141	+ <block wx:if="{{this.textShow}}">
	142	+ <view class="foot_box ">
	143	+ <view class="foot_box_title ">
	144	+ <text >活动规则:</text>
	145	+ </view>
	146	+ <view class="foot_box_text ">
	147	+ <rich-text nodes="{{this.textTitle}}"></rich-text>
	148	+ </view>
	149	+ </view>
	150	+ </block>
	151	+ <view class="button_box ">
	152	+ <view >
	153	+ <button data-event-opts="{{[['tap',[['GetWebHttp',['$event']]]]]}}" class="button " bindtap="__e">进入商城购物</button>
	154	+ </view>
	155	+ <view class="button_text ">
	156	+ <text >本活动最终解释权归公司所有，如果有问题请联系客服</text>
	157	+ </view>
	158	+ </view>
	159	+ <view class="foot_empty "></view>
	160	+ <view class="foot_button ">
	161	+ <view class="{{['',this.receiveState=='已领取'?'foot_button_notbuy':'foot_button_buy']}}">
	162	+ <text data-event-opts="{{[['tap',[['GetReceive',['$event']]]]]}}" bindtap="__e" >{{this.receiveState}}</text>
	163	+ </view>
	164	+ </view>
	165	+</view>
0	166	\ No newline at end of file
...	...

pages/giftpack/newvipgift/newvipgift.wxss 0 → 100644

View file @0655bf5

	1	+@charset "UTF-8";
	2	+/* Author XGQ
	3	+ * 2019-10-27
	4	+ */
	5	+.image_box {
	6	+ -webkit-box-pack: center;
	7	+ -webkit-justify-content: center;
	8	+ justify-content: center;
	9	+}
	10	+.image_box image {
	11	+ width: 100%;
	12	+ height: 690rpx;
	13	+}
	14	+.top {
	15	+ margin: -20rpx 28rpx 45rpx 28rpx;
	16	+ padding: 10rpx 10rpx 70rpx 10rpx;
	17	+ background-color: #FFFFFF;
	18	+ border-radius: 0rpx 0rpx 15rpx 15rpx;
	19	+}
	20	+.top_box {
	21	+ display: -webkit-box;
	22	+ display: -webkit-flex;
	23	+ display: flex;
	24	+ text-align: center;
	25	+ -webkit-box-pack: center;
	26	+ -webkit-justify-content: center;
	27	+ justify-content: center;
	28	+}
	29	+.top_box_text {
	30	+ -webkit-box-pack: center;
	31	+ -webkit-justify-content: center;
	32	+ justify-content: center;
	33	+ margin: 50rpx 15rpx 20rpx 15rpx;
	34	+}
	35	+.top_box_text text {
	36	+ color: #FB6451;
	37	+ font-size: 40rpx;
	38	+}
	39	+.top_item {
	40	+ display: -webkit-box;
	41	+ display: -webkit-flex;
	42	+ display: flex;
	43	+ width: 100%;
	44	+ margin: 60rpx 0 0 0;
	45	+}
	46	+.top_item_img {
	47	+ float: left;
	48	+ width: 28%;
	49	+ margin: 0rpx 10rpx 0rpx 20rpx;
	50	+}
	51	+.top_item_img image {
	52	+ width: 150rpx;
	53	+ height: 150rpx;
	54	+ border-radius: 50%;
	55	+ border: #F96865 solid 3rpx;
	56	+}
	57	+.top_item_center {
	58	+ float: left;
	59	+ width: 50%;
	60	+}
	61	+.top_item_center_title {
	62	+ font-size: 35rpx;
	63	+ color: #FB6451;
	64	+ -webkit-box-pack: start;
	65	+ -webkit-justify-content: flex-start;
	66	+ justify-content: flex-start;
	67	+ padding: 0 10rpx 15rpx 0rpx;
	68	+ word-break: break-all;
	69	+ /属性规定自动换行的处理方法。normal(使用浏览器默认的换行规则。),break-all(允许在单词内换行。),keep-all(只能在半角空格或连字符处换行。)/
	70	+ text-overflow: ellipsis;
	71	+ display: -webkit-box;
	72	+ / 对象作为伸缩盒子模型显示 /
	73	+ -webkit-box-orient: vertical;
	74	+ / 设置或检索伸缩盒对象的子元素的排列方式 /
	75	+ -webkit-line-clamp: 2;
	76	+ / 显示的行数 /
	77	+ overflow: hidden;
	78	+ / 隐藏超出的内容 /
	79	+}
	80	+.top_item_center_ramke {
	81	+ font-size: 25rpx;
	82	+ -webkit-box-pack: start;
	83	+ -webkit-justify-content: flex-start;
	84	+ justify-content: flex-start;
	85	+ line-height: 35rpx;
	86	+ letter-spacing: 0.5rpx;
	87	+ word-break: break-all;
	88	+ /属性规定自动换行的处理方法。normal(使用浏览器默认的换行规则。),break-all(允许在单词内换行。),keep-all(只能在半角空格或连字符处换行。)/
	89	+ text-overflow: ellipsis;
	90	+ display: -webkit-box;
	91	+ / 对象作为伸缩盒子模型显示 /
	92	+ -webkit-box-orient: vertical;
	93	+ / 设置或检索伸缩盒对象的子元素的排列方式 /
	94	+ -webkit-line-clamp: 2;
	95	+ / 显示的行数 /
	96	+ overflow: hidden;
	97	+ / 隐藏超出的内容 /
	98	+}
	99	+.top_item_button {
	100	+ float: right;
	101	+ width: 22%;
	102	+ padding: 65rpx 20rpx 0 1rpx;
	103	+}
	104	+.top_item_button button {
	105	+ font-size: 25rpx;
	106	+ background: #fd6969;
	107	+ color: #FFFFFF;
	108	+ border-radius: 50rpx;
	109	+ height: 45rpx;
	110	+ line-height: 45rpx;
	111	+}
	112	+.top_card {
	113	+ width: calc(50% - 30rpx);
	114	+ display: inline-block;
	115	+ margin: 15rpx;
	116	+}
	117	+.top_card_box {
	118	+ background-size: cover;
	119	+ background-position: center;
	120	+ background-repeat: no-repeat;
	121	+ border-radius: 20rpx;
	122	+ height: 250rpx;
	123	+ margin: 5rpx;
	124	+}
	125	+.img1 {
	126	+ background-image: url(https://mshopimg.yolipai.net/miniapp/images/giftbag/vip01.png);
	127	+}
	128	+.img2 {
	129	+ background-image: url(https://mshopimg.yolipai.net/miniapp/images/giftbag/vip02.png);
	130	+}
	131	+.img3 {
	132	+ background-image: url(https://mshopimg.yolipai.net/miniapp/images/giftbag/vip03.png);
	133	+}
	134	+.top_card_tite_box {
	135	+ width: 100%;
	136	+ display: -webkit-box;
	137	+ display: -webkit-flex;
	138	+ display: flex;
	139	+ -webkit-box-pack: end;
	140	+ -webkit-justify-content: flex-end;
	141	+ justify-content: flex-end;
	142	+}
	143	+.top_card_tite_a {
	144	+ padding: 5rpx 25rpx 5rpx 25rpx;
	145	+ line-height: 29rpx;
	146	+ font-size: 25rpx;
	147	+ color: #FFFFFF;
	148	+ background: #ffa7c0;
	149	+ border-radius: 0rpx 20rpx 0rpx 6rpx;
	150	+}
	151	+.top_card_tite_b {
	152	+ padding: 5rpx 25rpx 5rpx 25rpx;
	153	+ line-height: 29rpx;
	154	+ font-size: 25rpx;
	155	+ color: #FFFFFF;
	156	+ background: #50dfdb;
	157	+ border-radius: 0rpx 20rpx 0rpx 6rpx;
	158	+}
	159	+.top_card_tite_c {
	160	+ padding: 5rpx 25rpx 5rpx 25rpx;
	161	+ line-height: 29rpx;
	162	+ font-size: 25rpx;
	163	+ color: #FFFFFF;
	164	+ background: #92cbff;
	165	+ border-radius: 0rpx 20rpx 0rpx 6rpx;
	166	+}
	167	+.top_card_tite_d {
	168	+ padding: 5rpx 25rpx 5rpx 25rpx;
	169	+ line-height: 29rpx;
	170	+ font-size: 25rpx;
	171	+ color: #FFFFFF;
	172	+ border-radius: 0rpx 20rpx 0rpx 6rpx;
	173	+}
	174	+.top_card_counte {
	175	+ padding: 40rpx 20rpx 0 0;
	176	+ text-align: center;
	177	+ display: -webkit-box;
	178	+ display: -webkit-flex;
	179	+ display: flex;
	180	+ -webkit-box-pack: center;
	181	+ -webkit-justify-content: center;
	182	+ justify-content: center;
	183	+ -webkit-box-align: center;
	184	+ -webkit-align-items: center;
	185	+ align-items: center;
	186	+ color: #FFFFFF;
	187	+ font-size: 40rpx;
	188	+}
	189	+.top_card_remak {
	190	+ padding: 20rpx 0 40rpx 0;
	191	+ text-align: center;
	192	+ display: -webkit-box;
	193	+ display: -webkit-flex;
	194	+ display: flex;
	195	+ -webkit-box-pack: center;
	196	+ -webkit-justify-content: center;
	197	+ justify-content: center;
	198	+ -webkit-box-align: center;
	199	+ -webkit-align-items: center;
	200	+ align-items: center;
	201	+ font-size: 20rpx;
	202	+ color: #FFFFFF;
	203	+}
	204	+.top_card_button_a button {
	205	+ margin: 0 85rpx;
	206	+ background: #ffa6bc;
	207	+ border-radius: 50rpx;
	208	+ line-height: 40rpx;
	209	+ height: 40rpx;
	210	+ color: white;
	211	+ font-size: 25rpx;
	212	+}
	213	+.top_card_button_b button {
	214	+ margin: 0 85rpx;
	215	+ background: #50dfdb;
	216	+ border-radius: 50rpx;
	217	+ line-height: 40rpx;
	218	+ height: 40rpx;
	219	+ color: white;
	220	+ font-size: 25rpx;
	221	+}
	222	+.top_card_button_c button {
	223	+ margin: 0 85rpx;
	224	+ background: #75bcfc;
	225	+ border-radius: 50rpx;
	226	+ line-height: 40rpx;
	227	+ height: 40rpx;
	228	+ color: white;
	229	+ font-size: 25rpx;
	230	+}
	231	+.top_card_button_d button {
	232	+ margin: 0 85rpx;
	233	+ border-radius: 50rpx;
	234	+ line-height: 40rpx;
	235	+ height: 40rpx;
	236	+ color: white;
	237	+ font-size: 25rpx;
	238	+}
	239	+.top_box_image {
	240	+ padding: 20rpx 20rpx 20rpx 20rpx;
	241	+}
	242	+.top_box_image image {
	243	+ height: 216rpx;
	244	+ width: 100%;
	245	+}
	246	+.top_box_image button {
	247	+ margin: 15rpx 95rpx 0rpx 95rpx;
	248	+ background: #fe6a6a;
	249	+ border-radius: 50rpx;
	250	+ line-height: 60rpx;
	251	+ height: 60rpx;
	252	+ color: white;
	253	+ font-size: 30rpx;
	254	+}
	255	+.foot_box {
	256	+ margin: 0 30rpx 40rpx 30rpx;
	257	+ background: #FFFFFF;
	258	+ border-radius: 20rpx;
	259	+}
	260	+.foot_box_title {
	261	+ font-size: 43rpx;
	262	+ color: #000000;
	263	+ padding: 20rpx 30rpx 20rpx 30rpx;
	264	+}
	265	+.foot_box_text {
	266	+ font-size: 30rpx;
	267	+ color: #000000;
	268	+ line-height: 48rpx;
	269	+ padding: 20rpx 35rpx 50rpx 30rpx;
	270	+}
	271	+.button_box {
	272	+ margin: 50rpx 50rpx 50rpx 50rpx;
	273	+ text-align: center;
	274	+}
	275	+.button {
	276	+ margin: 0 30rpx;
	277	+ background: #ff9a8c;
	278	+ border-radius: 50rpx;
	279	+ line-height: 80rpx;
	280	+ height: 80rpx;
	281	+ color: white;
	282	+ font-size: 35rpx;
	283	+}
	284	+.button_text {
	285	+ padding-top: 20rpx;
	286	+ font-size: 20rpx;
	287	+ color: white;
	288	+ height: 100rpx;
	289	+}
	290	+.foot_empty {
	291	+ height: 90rpx;
	292	+}
	293	+.foot_button {
	294	+ display: -webkit-box;
	295	+ display: -webkit-flex;
	296	+ display: flex;
	297	+ margin: 20rpx 0rpx 0rpx 0rpx;
	298	+ padding: 25rpx 0rpx;
	299	+ background: #FFFFFF;
	300	+ text-align: center;
	301	+ -webkit-box-pack: center;
	302	+ -webkit-justify-content: center;
	303	+ justify-content: center;
	304	+ position: fixed;
	305	+ bottom: 0;
	306	+ left: 0;
	307	+ width: 100%;
	308	+}
	309	+.foot_button_buy {
	310	+ background: #e4010c;
	311	+ color: #FFFFFF;
	312	+ width: 400rpx;
	313	+ height: 70rpx;
	314	+ font-size: 28rpx;
	315	+ line-height: 70rpx;
	316	+ border-radius: 30rpx 30rpx 30rpx 30rpx;
	317	+}
	318	+.foot_button_notbuy{
	319	+ background: #999999;
	320	+ color: #FFFFFF;
	321	+ width: 400rpx;
	322	+ height: 70rpx;
	323	+ font-size: 28rpx;
	324	+ line-height: 70rpx;
	325	+ border-radius: 30rpx 30rpx 30rpx 30rpx;
	326	+}
	327	+page {
	328	+ background-color: #fb6451;
	329	+}
	330	+button::after {
	331	+ border: none;
	332	+}
	333	+.foot_box_text ._img {
	334	+ width: 100%;
	335	+}
	336	+.foot_box_text .img {
	337	+ line-height: 0;
	338	+}
	339	+
...	...