fe / yoho-limited-sell-miniapp · Commits

Go to a project

Authored by htoooth
Commit 185593da7c23d894e01fefe39712d89fcb9493c6 1 parent 2ce22790

change share ui

Inline Side-by-side
Showing 25 changed files with 2807 additions and 192 deletions
... ... @@ -53,7 +53,7 @@ App({
this.globalData.systemInfo = sysInfo;
if (options && options.query && options.query.unionType) {
this.updateUnionType(options.query.unionType)
this.updateUnionType(options.query.unionType);
}
let timestamp = new Date().getTime() + '';
... ... @@ -89,12 +89,12 @@ App({
});
wx.setStorage({
key: "unionTypeTime",
key: 'unionTypeTime',
data: '',
});
wx.setStorage({
key: "unionType",
key: 'unionType',
data: ''
});
... ... @@ -233,8 +233,23 @@ App({
return;
}
if (this.globalData.userUnionType) {
return;
}
commonModel.getUnionTypeWithUid(uid).then(result => {
this.globalData.userUnionType = result.unionType;
console.log('uniontype=>', result);
if (!result) {
return;
}
this.globalData.userUnionType = result.unionType || '';
this.globalData.userUnionTypeImageUrl = result.imageUrl || '';
this.globalData.shareId = result.shareId || 0;
this.globalData.userNounionTypeImageUrl = result.applyImageUrl || '';
}).catch((err) => {
console.error('userTypeErr=>', err);
});
},
updateUnionType(unionType) {
... ... @@ -243,14 +258,15 @@ App({
}
let timeS = new Date().getTime() + '';
this.globalData.unionType = unionType;
this.globalData.unionTypeTime = timeS;
wx.setStorage({
key: "unionTypeTime",
key: 'unionTypeTime',
data: timeS,
});
wx.setStorage({
key: "unionType",
key: 'unionType',
data: unionType
});
},
... ... @@ -262,23 +278,29 @@ App({
* 时效7天
*/
try {
var value = this.checkUnionType(this.globalData.unionType, this.globalData.unionTypeTime);
let value = this.checkUnionType(this.globalData.unionType, this.globalData.unionTypeTime);
if (!value) {
let unionType = wx.getStorageSync('unionType');
let unionTypeTime = wx.getStorageSync('unionTypeTime');
value = this.checkUnionType(unionType, unionTypeTime);
}
return value
return value;
} catch (e) {
// console.log(e)
}
},
checkUnionType(unionType, unionTypeTime) {
if (!unionType) return '';
if (!unionType) {
return '';
}
let time_old = unionTypeTime;
let time_new = new Date().getTime() + '';
var dayDiff = parseInt((parseInt(time_new) - parseInt(time_old)) / 1000);
let dayDiff = parseInt((parseInt(time_new) - parseInt(time_old)) / 1000);
if (dayDiff > 7 * 24 * 3600) {
return '';
}
... ...
const config = {
domains: {
// production
api: 'https://api.yoho.cn',
service: 'https://api.yoho.cn',
// api: 'https://api.yoho.cn',
// service: 'https://api.yoho.cn',
// gray
// api: 'http://apigray.yoho.cn',
// store: 'http://openstore.yohops.com',
// test
// api: 'http://api-test3.dev.yohocorp.com',
// service: 'http://api-test3.dev.yohocorp.com',
api: 'http://api-test3.dev.yohocorp.com',
service: 'http://api-test3.dev.yohocorp.com',
yasApi: 'https://analysis.yohobuy.com/yas_mobile'
},
... ...
... ... @@ -18,7 +18,8 @@ export default {
let param = {
method: 'app.union.shareOrder.queryUnionTypeByUid',
uid,
}
};
return api.get({
data: param,
code: 200
... ...
... ... @@ -119,15 +119,19 @@ Page(Object.assign({
show: false,
closeOnClickOverlay: true,
cancelText: '取消',
isNewShareStyle: true,
unionUserImageUrl: '',
actions: [{
name: '邀请好友助力',
name: '分享给好友',
className: 'action-class',
loading: false,
openType: 'share'
openType: 'share',
image_src: '../../../static/images/share_wechat@2x.png',
}, {
name: '生成图片分享到朋友圈',
name: '分享到朋友圈',
className: 'action-class',
loading: false,
image_src: '../../../static/images/share_wxpeng@2x.png'
}]
},
},
... ... @@ -154,6 +158,8 @@ Page(Object.assign({
yas = new Yas(app); // 实例化埋点
yas.pageOpenReport();
this.initActionSheet();
wx.showLoading({
title: '加载中...',
mask: true,
... ... @@ -183,7 +189,7 @@ Page(Object.assign({
let originUid = parseInt(json.originUid ? json.originUid : '0', 10);
let originUnionID = json.originUnionID ? json.originUnionID : '';
if(json.unionType) {
if (json.unionType) {
app.updateUnionType(json.unionType);
}
... ... @@ -195,8 +201,38 @@ Page(Object.assign({
}
});
},
onShow() {
initActionSheet() {
let actionSheet = this.data.actionSheet;
//user_union_type 有值 需要显示 联盟share按钮
if (app.globalData.userUnionType) { //user_union_type_imageUrl
let actionsheetParam = [{
name: '分享给朋友',
className: 'action-class',
loading: false,
openType: 'share',
image_src: '../../../static/images/share_union_wechat@2x.png'
}, {
name: '分享到朋友圈',
className: 'action-class',
loading: false,
image_src: '../../../static/images/share_union_wxpeng@2x.png'
}];
actionSheet.unionUserImageUrl = app.globalData.userUnionTypeImageUrl;
actionSheet.actions = actionsheetParam;
} else if (app.globalData.userInfo.uid) {
//登录状态
actionSheet.unionUserImageUrl = app.globalData.userNounionTypeImageUrl;
}
this.setData({
actionSheet
});
},
onShow() {},
onShareAppMessage: function(res) {
let params = {
TITLE: this.data.productName,
... ... @@ -210,10 +246,8 @@ Page(Object.assign({
desc: params.DESC, // 分享描述
path: `/pages/product/detail/detail?limitProductCode=${this.data.limitProductCode}`,
imageUrl: this.data.snapData.default_image,
success: function() {
},
fail: function() {
}
success: function() {},
fail: function() {}
};
} else if (res.from === 'button') {
// 用户点击分享按钮
... ... @@ -223,10 +257,8 @@ Page(Object.assign({
desc: params.DESC, // 分享描述
path: `/pages/product/detail/detail?limitProductCode=${this.data.limitProductCode}&originUid=${app.getUid()}&originUnionID=${app.getUnionID()}&unionType=${app.getUserUnionType()}`,
imageUrl: this.data.snapData.default_image,
success: function() {
},
fail: function() {
}
success: function() {},
fail: function() {}
};
}
},
... ... @@ -279,6 +311,22 @@ Page(Object.assign({
});
}
},
handlerJumpToUnionUrl() {
this.setData({
'actionSheet.show': false
});
if (app.globalData.userUnionType) {
router.goUrl('https://activity.yoho.cn/feature/2213.html?title=说明详情');
} else if (app.globalData.userInfo.uid) {
router.goUrl('https://activity.yoho.cn/feature/2601.html?title=有货有赚');
} else {
//未登录 状态去登录
this.goLogin();
}
},
productInfo: function() {
let uid = this.data.originUid || this.data.uid;
... ... @@ -333,7 +381,7 @@ Page(Object.assign({
} else if (!this.data.originUnionID && !this.data.originUid) {
productSourceType = PRODUCT_SOURCE_TYPE.ORIGIN;
} else if ((this.data.originUnionID && this.data.originUnionID !== app.getUnionID()) ||
(this.data.originUid && this.data.originUid !== this.data.uid)) {
(this.data.originUid && this.data.originUid !== this.data.uid)) {
productSourceType = PRODUCT_SOURCE_TYPE.SHARE;
}
... ... @@ -374,7 +422,7 @@ Page(Object.assign({
} else {
// 不是发起者
if ((this.data.originUid && this.data.originUid !== this.data.uid) ||
(this.data.originUnionID && this.data.originUnionID !== app.getUnionID())
(this.data.originUnionID && this.data.originUnionID !== app.getUnionID())
) {
assistStatus = ASSIST_STATUS.ASSIST_ACTION;
} else {
... ... @@ -446,7 +494,7 @@ Page(Object.assign({
if (index !== -1) {
if (this.data.productSourceType === PRODUCT_SOURCE_TYPE.ORIGIN &&
queueStatus !== QUEUE_STATUS.QUEUE_END) {
queueStatus !== QUEUE_STATUS.QUEUE_END) {
queueStatus = QUEUE_STATUS.QUEUE_PROCESSING;
} else {
queueStatus = QUEUE_STATUS.QUEUE_HELP;
... ... @@ -735,7 +783,7 @@ Page(Object.assign({
}
if (this.data.assistStatus === ASSIST_STATUS.ASSIST_ALREADY_ACTION ||
this.data.assistStatus === ASSIST_STATUS.ASSIST_ALEADY_FULL_ACTION) {
this.data.assistStatus === ASSIST_STATUS.ASSIST_ALEADY_FULL_ACTION) {
this.setData({
assistSuccess: ASSIST_SUCCESS.REPEAT,
modal: true
... ... @@ -745,4 +793,4 @@ Page(Object.assign({
getUserWechatId() {
return app.getUnionID() || app.getOpenID();
}
}, Actionsheet));
}, Actionsheet));
\ No newline at end of file
... ...
@import '../../../vendors/zanui/actionsheet/index.wxss';
.detail-container {
padding: 30rpx;
}
... ...
... ... @@ -4,8 +4,12 @@ import event from '../../common/event';
import LimitModel from '../../models/limit/index';
import helper from '../../utils/helper';
import wx from '../../utils/wx';
import {Actionsheet} from '../../vendors/zanui/index';
import {stringify} from '../../vendors/query-stringify';
import {
Actionsheet
} from '../../vendors/zanui/index';
import {
stringify
} from '../../vendors/query-stringify';
import commonModel from '../../models/common';
import Yas from '../../common/yas';
... ... @@ -47,8 +51,8 @@ let yas;
Page(Object.assign({
/**
* 页面的初始数据
*/
* 页面的初始数据
*/
data: {
userInfo: {}, // 用户信息
activityInfo: {}, // 活动信息
... ... @@ -82,12 +86,10 @@ Page(Object.assign({
500030688
],
now_test_uid_index: 15,
h5PageUrl: [
{
title: '排队活动说明',
url: 'https://activity.yoho.cn/feature/2593.html'
}
],
h5PageUrl: [{
title: '排队活动说明',
url: 'https://activity.yoho.cn/feature/2593.html'
}],
bgStyle: [ // 排队图片
'../../static/images/limit/queue_bg_1.png',
'../../static/images/limit/queue_bg_2.png',
... ... @@ -123,22 +125,26 @@ Page(Object.assign({
show: false,
closeOnClickOverlay: true,
cancelText: '取消',
isNewShareStyle: true,
unionUserImageUrl: '',
actions: [{
name: '邀请好友助力',
name: '分享给好友',
className: 'action-class',
loading: false,
openType: 'share'
openType: 'share',
image_src: '../../static/images/share_wechat@2x.png',
}, {
name: '生成图片分享到朋友圈',
name: '分享到朋友圈',
className: 'action-class',
loading: false,
image_src: '../../static/images/share_wxpeng@2x.png'
}]
},
},
/**
* 生命周期函数--监听页面加载
*/
* 生命周期函数--监听页面加载
*/
onLoad: function(options) {
console.log(options);
let actId = options.actId;
... ... @@ -166,18 +172,20 @@ Page(Object.assign({
yas = new Yas();
yas.pageOpenReport();
this.initActionSheet();
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function() {
},
/**
* 生命周期函数--监听页面显示
*/
* 生命周期函数--监听页面显示
*/
onShow: function(options) {
let actId = this.data.activityInfo.activityId;
let uid = app.getUid();
... ... @@ -186,6 +194,7 @@ Page(Object.assign({
this.getUserActivityInfo(actId, uid);
}
setTimeout(this.hidePopup, 4000);
if (app.getUid()) {
this.setData({
hideInviteButton: 0
... ... @@ -193,21 +202,50 @@ Page(Object.assign({
}
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function() {
initActionSheet() {
let actionSheet = this.data.actionSheet;
//user_union_type 有值 需要显示 联盟share按钮
if (app.globalData.userUnionType) { //user_union_type_imageUrl
let actionsheetParam = [{
name: '分享给朋友',
className: 'action-class',
loading: false,
openType: 'share',
image_src: '../../static/images/share_union_wechat@2x.png'
}, {
name: '分享到朋友圈',
className: 'action-class',
loading: false,
image_src: '../../static/images/share_union_wxpeng@2x.png'
}];
actionSheet.unionUserImageUrl = app.globalData.userUnionTypeImageUrl;
actionSheet.actions = actionsheetParam;
} else if (app.globalData.userInfo.uid) {
//登录状态
actionSheet.unionUserImageUrl = app.globalData.userNounionTypeImageUrl;
}
this.setData({
actionSheet
});
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function() {
},
* 生命周期函数--监听页面隐藏
*/
onHide: function() {},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function() {},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function() {
let actId = this.data.activityInfo.activityId;
... ... @@ -223,8 +261,8 @@ Page(Object.assign({
},
/**
* 页面上拉触底事件的处理函数
*/
* 页面上拉触底事件的处理函数
*/
onReachBottom: function() {
console.log('到底部啦');
let actId = this.data.activityInfo.activityId;
... ... @@ -240,8 +278,8 @@ Page(Object.assign({
},
/**
* 用户点击右上角分享
*/
* 用户点击右上角分享
*/
onShareAppMessage: function(res) {
let path = `/pages/product/detail/detail?limitProductCode=${this.data.shareInfo.limitProductCode}`;
... ... @@ -264,10 +302,8 @@ Page(Object.assign({
desc: params.DESC, // 分享描述
path: params.PATH, // 分享路径
imageUrl: params.IMG,
success: function() {
},
fail: function() {
}
success: function() {},
fail: function() {}
};
},
reportShare: function() {
... ... @@ -289,7 +325,9 @@ Page(Object.assign({
// 当行动按钮中有一个被点击时触发
// index 代表被点击按钮在传入参数 actions 中的位置
handleZanActionsheetClick({index}) {
handleZanActionsheetClick({
index
}) {
this.setData({
'actionSheet.show': false
});
... ... @@ -310,16 +348,36 @@ Page(Object.assign({
}
},
handlerJumpToUnionUrl() {
this.setData({
'actionSheet.show': false
});
if (app.globalData.userUnionType) {
router.goUrl('https://activity.yoho.cn/feature/2213.html?title=说明详情');
} else if (app.globalData.userInfo.uid) {
router.goUrl('https://activity.yoho.cn/feature/2601.html?title=有货有赚');
} else {
//未登录 状态去登录
let pages = getCurrentPages();
let referer = pages[pages.length - 1].route + '?' + decodeURIComponent(stringify(this.data.shareInfo));
router.go('userCenter', {
referer
});
}
},
/**
* 邀请好友助力排队按钮
*/
* 邀请好友助力排队按钮
*/
inviteFriends: function(e) {
this.share();
},
/**
* scroll-view滚动事件
*/
* scroll-view滚动事件
*/
scroll: function(e) {
console.log(e);
let scrollTop = e.detail.scrollTop;
... ... @@ -330,15 +388,18 @@ Page(Object.assign({
},
/**
* 跳转到我的排队列表
*/
* 跳转到我的排队列表
*/
navigateToMyList: function(e) {
router.go('myList', Object.assign({actId: this.data.activityInfo.activityId, isEnd: this.data.activityInfo.isEnd}, this.data.shareInfo));
router.go('myList', Object.assign({
actId: this.data.activityInfo.activityId,
isEnd: this.data.activityInfo.isEnd
}, this.data.shareInfo));
},
/**
* 点击用户头像，跳转到用户对应位置<已取消该功能>
*/
* 点击用户头像，跳转到用户对应位置<已取消该功能>
*/
userTap: function(e) {
console.log(this.data.userInfo);
let uid = this.data.userInfo.uid;
... ... @@ -369,8 +430,8 @@ Page(Object.assign({
},
/**
* 关闭提示框
*/
* 关闭提示框
*/
closeMsg: function(e) {
this.setData({
showMsg: 0
... ... @@ -378,8 +439,8 @@ Page(Object.assign({
},
/**
* 隐藏气泡
*/
* 隐藏气泡
*/
hidePopup: function(e) {
this.setData({
hidePopup: 1
... ... @@ -387,8 +448,8 @@ Page(Object.assign({
},
/**
* 点击参加活动按钮
*/
* 点击参加活动按钮
*/
joinInQueue: function(e) {
let uid = app.getUid();
let activityId = this.data.activityInfo.activityId;
... ... @@ -404,13 +465,15 @@ Page(Object.assign({
let pages = getCurrentPages();
let referer = pages[pages.length - 1].route + '?' + decodeURIComponent(stringify(this.data.shareInfo));
router.go('userCenter', {referer});
router.go('userCenter', {
referer
});
}
},
/**
* 获取活动信息
*/
* 获取活动信息
*/
getActivityInfo: function(actId) {
return LimitModel.getActivityInfo(actId).then(res => { // 获取活动信息
console.log(res);
... ... @@ -442,16 +505,20 @@ Page(Object.assign({
},
bgStyle: bgStyle
});
return Promise.resolve({code: res.code});
return Promise.resolve({
code: res.code
});
} else {
return Promise.reject({code: res.code});
return Promise.reject({
code: res.code
});
}
});
},
/**
* 加入排队
*/
* 加入排队
*/
addQueue: function(actId, uid) {
if (!this.data.api_status) {
this.setData({
... ... @@ -463,7 +530,10 @@ Page(Object.assign({
let sort = res.data.sort;
this.setData({
userInfo: Object.assign(this.data.userInfo, {sort: sort, isDrawline: 1}),
userInfo: Object.assign(this.data.userInfo, {
sort: sort,
isDrawline: 1
}),
showMsg: 1,
api_status: 0
});
... ... @@ -471,7 +541,10 @@ Page(Object.assign({
let pages = getCurrentPages();
let path = pages[pages.length - 1].route;
yas.report('YB_QUEUE_SUCCESS_L', {LIMIT_CODE: this.data.shareInfo.limitProductCode, PAGE_PATH: path});
yas.report('YB_QUEUE_SUCCESS_L', {
LIMIT_CODE: this.data.shareInfo.limitProductCode,
PAGE_PATH: path
});
setTimeout(this.getQueueList, 1000);
// this.getQueueList(this.data.activityInfo.activityId, 0);
... ... @@ -486,8 +559,8 @@ Page(Object.assign({
},
/**
* 获取用户参与排队的信息
*/
* 获取用户参与排队的信息
*/
getUserActivityInfo: function(actId) {
LimitModel.getUserActivityInfo(actId).then(res => {
console.log('getUserActivityInfo:', res);
... ... @@ -513,8 +586,8 @@ Page(Object.assign({
},
/**
* 获取排队列表
*/
* 获取排队列表
*/
getQueueList: function(actId, start = 0, limit = 50, isAdd = false) {
let that = this;
... ... @@ -551,9 +624,15 @@ Page(Object.assign({
queueList: result
});
}
return Promise.resolve({code: 200, data: this.data.queueList});
return Promise.resolve({
code: 200,
data: this.data.queueList
});
} else {
return Promise.reject({code: 203, message: '获取失败'});
return Promise.reject({
code: 203,
message: '获取失败'
});
}
});
},
... ... @@ -581,8 +660,8 @@ Page(Object.assign({
},
/**
* 跳转到活动说明的H5页面
*/
* 跳转到活动说明的H5页面
*/
navigateToDescPage: function() {
let descUrl = this.data.activityInfo.activityDesc || this.data.h5PageUrl[0].url;
... ... @@ -590,17 +669,19 @@ Page(Object.assign({
},
/**
*跳转到中奖名单页面
*/
*跳转到中奖名单页面
*/
navigateToPrizeUserList: function() {
if (this.data.activityInfo.isDrawEnd) {
router.go('prizeUserList', {actId: this.data.activityInfo.activityId});
router.go('prizeUserList', {
actId: this.data.activityInfo.activityId
});
}
},
/**
* 跳转到个人中心限购码页面
*/
* 跳转到个人中心限购码页面
*/
navigateToUserCodePage: function() {
if (this.data.userInfo.isLucky) {
router.go('userCenter');
... ... @@ -608,10 +689,14 @@ Page(Object.assign({
},
/**
* 提交formId消息模板
*/
* 提交formId消息模板
*/
submitFormId: function(e) {
console.log('submitFormId:', { formId: e.detail.formId, uid: app.getUid() || 0, openId: app.getOpenID() || '' });
console.log('submitFormId:', {
formId: e.detail.formId,
uid: app.getUid() || 0,
openId: app.getOpenID() || ''
});
commonModel.addWechatFormId({
formId: e.detail.formId,
uid: app.getUid() || 0,
... ... @@ -621,8 +706,8 @@ Page(Object.assign({
},
/**
* 处理接口返回的图片url
*/
* 处理接口返回的图片url
*/
formatImgUrl: function(url, mode, width, height) {
return url.replace(/{mode}/g, mode).replace(/{width}/g, width).replace(/{height}/g, height);
},
... ... @@ -641,4 +726,4 @@ Page(Object.assign({
}
return new_time;
}
}, Actionsheet));
}, Actionsheet));
\ No newline at end of file
... ...
/* pages/limit/queue.wxss */
@import '../../vendors/zanui/actionsheet/index.wxss';
page {
background-color: #222;
}
... ...
... ... @@ -4,9 +4,14 @@ import event from '../../common/event';
import LimitModel from '../../models/limit/index';
import helper from '../../utils/helper';
import wx from '../../utils/wx';
import {Actionsheet} from '../../vendors/zanui/index';
import {
Actionsheet
} from '../../vendors/zanui/index';
import commonModel from '../../models/common';
import Yas from '../../common/yas';
import {
stringify
} from '../../vendors/query-stringify';
let app = getApp();
... ... @@ -21,8 +26,8 @@ let yas;
Page(Object.assign({
/**
* 页面的初始数据
*/
* 页面的初始数据
*/
data: {
actId: 0,
isEnd: 0,
... ... @@ -62,22 +67,26 @@ Page(Object.assign({
show: false,
closeOnClickOverlay: true,
cancelText: '取消',
isNewShareStyle: true,
unionUserImageUrl: '',
actions: [{
name: '邀请好友助力',
name: '分享给好友',
className: 'action-class',
loading: false,
openType: 'share'
openType: 'share',
image_src: '../../static/images/share_wechat@2x.png',
}, {
name: '生成图片分享到朋友圈',
name: '分享到朋友圈',
className: 'action-class',
loading: false,
image_src: '../../static/images/share_wxpeng@2x.png'
}]
},
},
/**
* 生命周期函数--监听页面加载
*/
* 生命周期函数--监听页面加载
*/
onLoad: function(options) {
console.log(options);
let actId = options.actId;
... ... @@ -103,18 +112,20 @@ Page(Object.assign({
yas.pageOpenReport();
this.initActionSheet();
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function() {
},
/**
* 生命周期函数--监听页面显示
*/
* 生命周期函数--监听页面显示
*/
onShow: function(options) {
console.log(options);
if (app.getUid()) {
... ... @@ -125,27 +136,56 @@ Page(Object.assign({
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function() {
},
* 生命周期函数--监听页面隐藏
*/
onHide: function() {},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function() {
},
* 生命周期函数--监听页面卸载
*/
onUnload: function() {},
/**
* 页面上拉触底事件的处理函数
*/
* 页面上拉触底事件的处理函数
*/
onReachBottom: function() {
},
initActionSheet() {
let actionSheet = this.data.actionSheet;
//user_union_type 有值 需要显示 联盟share按钮
if (app.globalData.userUnionType) { //user_union_type_imageUrl
let actionsheetParam = [{
name: '分享给朋友',
className: 'action-class',
loading: false,
openType: 'share',
image_src: '../../static/images/share_union_wechat@2x.png'
}, {
name: '分享到朋友圈',
className: 'action-class',
loading: false,
image_src: '../../static/images/share_union_wxpeng@2x.png'
}];
actionSheet.unionUserImageUrl = app.globalData.userUnionTypeImageUrl;
actionSheet.actions = actionsheetParam;
} else if (app.globalData.userInfo.uid) {
//登录状态
actionSheet.unionUserImageUrl = app.globalData.userNounionTypeImageUrl;
}
this.setData({
actionSheet
});
},
/**
* 用户点击右上角分享
*/
* 用户点击右上角分享
*/
onShareAppMessage: function(res) {
let params = {
FROM: res.from,
... ... @@ -184,7 +224,9 @@ Page(Object.assign({
// 当行动按钮中有一个被点击时触发
// index 代表被点击按钮在传入参数 actions 中的位置
handleZanActionsheetClick({index}) {
handleZanActionsheetClick({
index
}) {
this.setData({
'actionSheet.show': false
});
... ... @@ -205,18 +247,42 @@ Page(Object.assign({
}
},
handlerJumpToUnionUrl() {
this.setData({
'actionSheet.show': false
});
if (app.globalData.userUnionType) {
router.goUrl('https://activity.yoho.cn/feature/2213.html?title=说明详情');
} else if (app.globalData.userInfo.uid) {
router.goUrl('https://activity.yoho.cn/feature/2601.html?title=有货有赚');
} else {
//未登录 状态去登录
let pages = getCurrentPages();
let referer = pages[pages.length - 1].route + '?' + decodeURIComponent(stringify(this.data.shareInfo));
router.go('userCenter', {
referer
});
}
},
/**
* 邀请好友助力排队按钮
*/
* 邀请好友助力排队按钮
*/
inviteFriends: function(e) {
this.share();
},
/**
* 提交formId消息模板
*/
* 提交formId消息模板
*/
submitFormId: function(e) {
console.log('submitFormId:', {formId: e.detail.formId, uid: app.getUid() || 0, openId: app.getOpenID() || ''});
console.log('submitFormId:', {
formId: e.detail.formId,
uid: app.getUid() || 0,
openId: app.getOpenID() || ''
});
commonModel.addWechatFormId({
formId: e.detail.formId,
uid: app.getUid() || 0,
... ... @@ -226,8 +292,8 @@ Page(Object.assign({
},
/**
* 获取排队列表
*/
* 获取排队列表
*/
getQueueList: function(actId, limit = 20) {
let that = this;
... ... @@ -267,9 +333,15 @@ Page(Object.assign({
this.setData({
queueList: result
});
return Promise.resolve({code: 200, data: this.data.queueList});
return Promise.resolve({
code: 200,
data: this.data.queueList
});
} else {
return Promise.reject({code: 203, message: '获取失败'});
return Promise.reject({
code: 203,
message: '获取失败'
});
}
});
},
... ... @@ -288,4 +360,4 @@ Page(Object.assign({
}
return new_time;
}
}, Actionsheet));
}, Actionsheet));
\ No newline at end of file
... ...
/* pages/limit/queue.wxss */
@import '../../vendors/zanui/actionsheet/index.wxss';
page {
background-color: #222;
... ...
... ... @@ -11,12 +11,12 @@ const scale = windowWidth / canvasWidth;
screenHeight = windowWidth / (canvasWidth / canvasHeight);
var Point = function(x, y) {
function Point(x, y) {
return {
x: x,
y: y
x,
y
};
};
}
Page({
/**
... ... @@ -181,27 +181,7 @@ Page({
pCtx.draw();
},
drawRoundedRect: function(rect, r, ctx) {
var ptA = Point(rect.x + r, rect.y);
var ptB = Point(rect.x + rect.width, rect.y);
var ptC = Point(rect.x + rect.width, rect.y + rect.height);
var ptD = Point(rect.x, rect.y + rect.height);
var ptE = Point(rect.x, rect.y);
ctx.setStrokeStyle('rgba(0,0,0,0)');
ctx.beginPath();
ctx.moveTo(ptA.x, ptA.y);
ctx.arcTo(ptB.x, ptB.y, ptC.x, ptC.y, r);
ctx.arcTo(ptC.x, ptC.y, ptD.x, ptD.y, r);
ctx.arcTo(ptD.x, ptD.y, ptE.x, ptE.y, r);
ctx.arcTo(ptE.x, ptE.y, ptA.x, ptA.y, r);
ctx.stroke();
},
Rect: function(x, y, w, h) {
Rect(x, y, w, h) {
return {
x: x,
y: y,
... ... @@ -279,4 +259,4 @@ Page({
ctx.stroke();
},
});
});
\ No newline at end of file
... ...
import {parse, stringify} from '../../vendors/query-stringify';
import {
parse,
stringify
} from '../../vendors/query-stringify';
import config from '../../common/config';
import udid from '../../common/udid';
import event from '../../common/event';
import { verify } from '../../common/api';
import { tapGoLogin } from '../../common/login';
import { getQRCodeSource } from '../../common/miniQRCodeRoute';
import {
verify
} from '../../common/api';
import {
tapGoLogin
} from '../../common/login';
import {
getQRCodeSource
} from '../../common/miniQRCodeRoute';
Page({
... ... @@ -26,6 +35,7 @@ Page({
if (options && options.scene && options.scene.length > 0) {
let code = options.scene;
getQRCodeSource(code).then(json => {
console.log('json:', json);
if (json) {
... ... @@ -58,8 +68,8 @@ Page({
const app = getApp() || {};
return app.globalData &&
app.globalData.userInfo &&
app.globalData.userInfo.uid ?
app.globalData.userInfo &&
app.globalData.userInfo.uid ?
app.globalData.userInfo.uid : 0;
},
... ... @@ -104,18 +114,20 @@ Page({
generateUrl: function(options) {
console.log(options);
let isSign = true;
if (options.url) {
let queryObj = this.getQueryObj(options.url);
console.log('query=', queryObj);
if (queryObj.title) {
this.setData({
title: queryObj.title
})
});
}
if (queryObj.shareURL) {
this.setData({
shareUrl: queryObj.shareURL
})
});
}
if (queryObj.noSign) {
isSign = false;
... ... @@ -145,17 +157,18 @@ Page({
url = uri + '?' + stringify(Object.assign({}, params, qs));
console.log("webview-url:", url)
console.log('webview-url:', url);
this.setData({
url: url
});
},
bindGetMsg: function (e) {
bindGetMsg: function(e) {
if (e.detail && e.detail.data && e.detail.data[0] && e.detail.data[0].title) {
this.setData({
title: e.detail.data[0].title,
})
});
}
},
});
});
\ No newline at end of file
... ...
... ... @@ -28,9 +28,16 @@ module.exports = {
} else {
console.warn('页面缺少 handleZanActionsheetClick 回调函数');
}
},
_handlerJumpByUrl(e){
if(this.handlerJumpToUnionUrl){
this.handlerJumpToUnionUrl();
}else{
console.warn('页面缺少 handlerJumpToUnionUrl 回调函数');
}
}
};
function resolveCancelClick({ componentId }) {
console.info('[zan:actionsheet:cancel]');
if (this.handleZanActionsheetCancel) {
... ...
... ... @@ -8,6 +8,7 @@
<view class="zan-actionsheet__container">
<!-- 实际按钮显示 -->
<button
wx:if = "{{!isNewShareStyle}}"
wx:for="{{ actions }}"
wx:for-index="index"
wx:for-item="item"
... ... @@ -24,6 +25,39 @@
class="zan-actionsheet__subname">{{ item.subname }}</text>
</button>
<!--图标分享按钮-->
<view wx:if='{{isNewShareStyle}}' class='share_new_container'>
<!--联盟用户 资源位-->
<view class='share_union_soruce_img_container'>
<image src="{{unionUserImageUrl? unionUserImageUrl:'http://img13.static.yhbimg.com/article/2018/07/05/11/0204b2cb17aebf4ca33557392bb29e0807.jpg'}}" catchtap='_handlerJumpByUrl' class='share_union_soruce_img'></image>
</view>
<!--分享的图标及文字容器-->
<view class='share-icon-container'>
<block wx:for='{{actions}}'
wx:key="{{ index }}-{{ item.name }}"
wx:for-index="index"
wx:for-item="item">
<view class='share-icon-text-container'>
<view class='share-image-button'>
<image src='{{item.image_src}}' style='width:100%;height:100%;'></image>
<!--使用button是为了使用 open-type属性-->
<button class='share-btn'
catchtap="_handleZanActionsheetBtnClick"
data-component-id="{{ componentId }}"
data-index="{{ index }}"
open-type="{{ item.openType }}"></button>
</view>
<view class='share-explain-text'>{{item.name}}</view>
</view>
</block>
</view>
<!-- 分割线 -->
<view class='divide-line'></view>
</view>
<!-- 关闭按钮 -->
<view
wx:if="{{ cancelText }}"
... ...
.zan-actionsheet{background-color:#f8f8f8}.zan-actionsheet__mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;background:rgba(0,0,0,.7);display:none}.zan-actionsheet__container{position:fixed;left:0;right:0;bottom:0;background:#f8f8f8;transform:translate3d(0,50%,0);transform-origin:center;transition:all .2s ease;z-index:11;opacity:0;visibility:hidden}.zan-actionsheet__btn.zan-btn{height:50px;line-height:50px;margin-bottom:0}.zan-actionsheet__btn.zan-btn::after{border-width:0;border-bottom-width:1px}.zan-actionsheet__btn.zan-btn:last-child::after{border-bottom-width:0}.zan-actionsheet__subname{margin-left:2px;font-size:12px;color:#666}.zan-actionsheet__footer{margin-top:10px}.zan-actionsheet__btn.zan-btn--loading .zan-actionsheet__subname{color:transparent}.zan-actionsheet--show .zan-actionsheet__container{opacity:1;transform:translate3d(0,0,0);visibility:visible}.zan-actionsheet--show .zan-actionsheet__mask{display:block}
\ No newline at end of file
.zan-actionsheet{background-color:#f8f8f8}.zan-actionsheet__mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10010;background:rgba(0,0,0,.7);display:none}.zan-actionsheet__container{position:fixed;left:0;right:0;bottom:0;background:#f8f8f8;transform:translate3d(0,50%,0);transform-origin:center;transition:all .2s ease;z-index:10011;opacity:0;visibility:hidden}.zan-actionsheet__btn.zan-btn{height:54px;line-height:54px;margin-bottom:0;}.zan-actionsheet__btn.zan-btn::after{border-width:0;border-bottom-width:1px}.zan-actionsheet__btn.zan-btn:last-child::after{border-bottom-width:0}.zan-actionsheet__subname{margin-left:2px;font-size:12px;color:#666}.zan-actionsheet__footer{margin-top:0px}.zan-actionsheet__btn.zan-btn--loading .zan-actionsheet__subname{color:transparent}.zan-actionsheet--show .zan-actionsheet__container{opacity:1;transform:translate3d(0,0,0);visibility:visible}.zan-actionsheet--show .zan-actionsheet__mask{display:block}
.share_new_container{
padding-left: 70rpx;
padding-right: 70rpx;
display: flex;
flex-direction: column;
background-color: white;
align-items: center
}
.share_union_soruce_img_container{
margin-top: 50rpx;
width: 100%;
height: 180rpx;
z-index: 20000;
}
.share_union_soruce_img{
width:100%;
height:100%;
border-radius: 8rpx
}
.share-icon-container{
margin-top: 50rpx;
flex-direction: row;
display: flex;
width:100%;
height: wrap;
text-align: center;
}
.share-icon-text-container{
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
z-index: 20000;
}
.share-explain-text{
margin-top: 22rpx;
margin-bottom: 4rpx;
font-size: 24rpx;
font-family: PingFang-SC-Regular;
color: #444444;
}
.share-image-button{
width: 90rpx;
height: 90rpx;
position: relative;
}
.share-btn{
background-color: transparent;
width:120rpx;
height:120rpx;
top:-100rpx;
left: -18rpx;
/* border: 1rpx solid yellowgreen */
}
.divide-line{
width:646rpx;
height:1rpx;
background-color:#cccccc;
margin-top:40rpx
}
.share-btn::after{border: none}
\ No newline at end of file
... ...
exports.Actionsheet = require('./actionsheet/index');
exports.Toast = require('./toast/index');
const { extend } = require('./common/helper');
exports.extend = extend;
... ...
.zan-actionsheet{background-color:#f8f8f8}.zan-actionsheet__mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;background:rgba(0,0,0,.7);display:none}.zan-actionsheet__container{position:fixed;left:0;right:0;bottom:0;background:#f8f8f8;transform:translate3d(0,50%,0);transform-origin:center;transition:all .2s ease;z-index:11;opacity:0;visibility:hidden}.zan-actionsheet__btn.zan-btn{height:50px;line-height:50px;margin-bottom:0}.zan-actionsheet__btn.zan-btn::after{border-width:0;border-bottom-width:1px}.zan-actionsheet__btn.zan-btn:last-child::after{border-bottom-width:0}.zan-actionsheet__subname{margin-left:2px;font-size:12px;color:#666}.zan-actionsheet__footer{margin-top:10px}.zan-actionsheet__btn.zan-btn--loading .zan-actionsheet__subname{color:transparent}.zan-actionsheet--show .zan-actionsheet__container{opacity:1;transform:translate3d(0,0,0);visibility:visible}.zan-actionsheet--show .zan-actionsheet__mask{display:block}.zan-badge{position:relative}.zan-badge__count{position:absolute;top:-16px;right:0;height:1.6em;min-width:1.6em;line-height:1.6;padding:0 .4em;font-size:20px;border-radius:.8em;background:#f44;color:#fff;text-align:center;white-space:nowrap;transform:translateX(50%) scale(.5);transform-origin:center;z-index:10;box-shadow:0 0 0 2px #fff;box-sizing:border-box}.zan-btn{position:relative;color:#333;background-color:#fff;margin-bottom:10px;padding-left:15px;padding-right:15px;border-radius:2px;font-size:16px;line-height:45px;height:45px;box-sizing:border-box;text-decoration:none;text-align:center;vertical-align:middle}.zan-btn::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;transform:scale(.5);transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-width:1px;border-radius:4px}.zan-btns{margin:15px}.zan-btn--primary{color:#fff;background-color:#4b0}.zan-btn--primary::after{border-color:#0a0}.zan-btn--warn{color:#fff;background-color:#f85}.zan-btn--warn::after{border-color:#f85}.zan-btn--danger{color:#fff;background-color:#f44}.zan-btn--danger::after{border-color:#e33}.zan-btn--small{display:inline-block;height:30px;line-height:30px;font-size:12px;margin-right:5px;margin-bottom:0}.zan-btn--mini{display:inline-block;line-height:21px;height:22px;font-size:10px;margin-right:5px;margin-bottom:0;padding-left:5px;padding-right:5px}.zan-btn--large{border-radius:0;margin-bottom:0;border:none;line-height:50px;height:50px}.zan-btn--plain.zan-btn{background-color:transparent}.zan-btn--plain.zan-btn--primary{color:#06bf04}.zan-btn--plain.zan-btn--warn{color:#f60}.zan-btn--plain.zan-btn--danger{color:#f44}.button-hover{opacity:.9}.zan-btn--loading{color:transparent;opacity:1}.zan-btn--loading::before{position:absolute;left:50%;top:50%;content:' ';width:16px;height:16px;margin-left:-8px;margin-top:-8px;border:3px solid #e5e5e5;border-color:#666 #e5e5e5 #e5e5e5 #e5e5e5;border-radius:8px;box-sizing:border-box;animation:btn-spin .6s linear;animation-iteration-count:infinite}.zan-btn--danger.zan-btn--loading::before,.zan-btn--primary.zan-btn--loading::before,.zan-btn--warn.zan-btn--loading::before{border-color:#fff rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.1)}@keyframes btn-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.zan-btn.zan-btn--disabled{color:#999!important;background:#f8f8f8!important;border-color:#e5e5e5!important;cursor:not-allowed!important;opacity:1!important}.zan-btn.zan-btn--disabled::after{border-color:#e5e5e5!important}.zan-btn--last-child,.zan-btn:last-child{margin-bottom:0;margin-right:0}.zan-capsule{display:inline-block;font-size:12px;vertical-align:middle;line-height:19px;transform:scale(.83)}.zan-capsule__left,.zan-capsule__right{display:inline-block;line-height:17px;height:19px;vertical-align:middle;box-sizing:border-box}.zan-capsule__left{padding:0 2px;color:#fff;background:#999;border-radius:2px 0 0 2px;border:1rpx solid #999}.zan-capsule__right{padding:0 5px;color:#999;border-radius:0 2px 2px 0;border:1rpx solid #999}.zan-capsule--danger .zan-capsule__left{color:#fff;background:#f24544;border-color:#f24544}.zan-capsule--danger .zan-capsule__right{color:#f24544;border-color:#f24544}.zan-card{margin-left:0;width:auto;padding:5px 15px;overflow:hidden;position:relative;font-size:14px}.zan-card__thumb{width:90px;height:90px;float:left;position:relative;margin-left:auto;margin-right:auto;overflow:hidden;background-size:cover}.zan-card__img{position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;max-width:100%;max-height:100%}.zan-card__detail{margin-left:100px;width:auto;position:relative}.zan-card__detail-row{overflow:hidden;line-height:20px;min-height:20px;margin-bottom:3px}.zan-card__right-col{float:right}.zan-card__left-col{margin-right:80px}.zan-cell{position:relative;padding:12px 15px;display:flex;align-items:center;line-height:1.4;font-size:14px}.zan-cell::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;transform:scale(.5);transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-bottom-width:1px;left:15px;right:0}.zan-cell__icon{margin-right:5px}.zan-cell__bd{flex:1}.zan-cell__text{line-height:24px;font-size:14px}.zan-cell__desc{line-height:1.2;font-size:12px;color:#666}.zan-cell__ft{position:relative;text-align:right;color:#666}.zan-cell__no-pading{padding:0}.zan-cell__no-pading .zan-cell__bd_padding{padding:12px 0 12px 15px}.zan-cell__no-pading .zan-cell__bd_padding .zan-form__input{height:26px}.zan-cell__no-pading .zan-cell__ft_padding{padding:12px 15px 12px 0}.zan-cell--last-child::after,.zan-cell:last-child::after{display:none}.zan-cell--access .zan-cell__ft{padding-right:13px}.zan-cell--access .zan-cell__ft::after{position:absolute;top:50%;right:2px;content:" ";display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8c8;border-style:solid;transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0)}.zan-cell--switch{padding-top:6px;padding-bottom:6px}.zan-col{float:left;box-sizing:border-box;width:0}.zan-col-1{width:4.16667%}.zan-col-offset-1{margin-left:4.16667%}.zan-col-2{width:8.33333%}.zan-col-offset-2{margin-left:8.33333%}.zan-col-3{width:12.5%}.zan-col-offset-3{margin-left:12.5%}.zan-col-4{width:16.66667%}.zan-col-offset-4{margin-left:16.66667%}.zan-col-5{width:20.83333%}.zan-col-offset-5{margin-left:20.83333%}.zan-col-6{width:25%}.zan-col-offset-6{margin-left:25%}.zan-col-7{width:29.16667%}.zan-col-offset-7{margin-left:29.16667%}.zan-col-8{width:33.33333%}.zan-col-offset-8{margin-left:33.33333%}.zan-col-9{width:37.5%}.zan-col-offset-9{margin-left:37.5%}.zan-col-10{width:41.66667%}.zan-col-offset-10{margin-left:41.66667%}.zan-col-11{width:45.83333%}.zan-col-offset-11{margin-left:45.83333%}.zan-col-12{width:50%}.zan-col-offset-12{margin-left:50%}.zan-col-13{width:54.16667%}.zan-col-offset-13{margin-left:54.16667%}.zan-col-14{width:58.33333%}.zan-col-offset-14{margin-left:58.33333%}.zan-col-15{width:62.5%}.zan-col-offset-15{margin-left:62.5%}.zan-col-16{width:66.66667%}.zan-col-offset-16{margin-left:66.66667%}.zan-col-17{width:70.83333%}.zan-col-offset-17{margin-left:70.83333%}.zan-col-18{width:75%}.zan-col-offset-18{margin-left:75%}.zan-col-19{width:79.16667%}.zan-col-offset-19{margin-left:79.16667%}.zan-col-20{width:83.33333%}.zan-col-offset-20{margin-left:83.33333%}.zan-col-21{width:87.5%}.zan-col-offset-21{margin-left:87.5%}.zan-col-22{width:91.66667%}.zan-col-offset-22{margin-left:91.66667%}.zan-col-23{width:95.83333%}.zan-col-offset-23{margin-left:95.83333%}.zan-col-24{width:100%}.zan-col-offset-24{margin-left:100%}.zan-c-red{color:#f44!important}.zan-c-gray{color:#c9c9c9!important}.zan-c-gray-dark{color:#999!important}.zan-c-gray-darker{color:#666!important}.zan-c-black{color:#333!important}.zan-c-blue{color:#38f!important}.zan-c-green{color:#06bf04!important}.zan-dialog--container{position:fixed;top:45%;left:50%;width:80%;height:0;font-size:16px;overflow:hidden;transition:all .2s linear;border-radius:4px;background-color:#fff;transform:translate3d(-50%,-50%,0);color:#333;opacity:0}.zan-dialog--mask{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.6);transition:.3s;display:none}.zan-dialog__header{padding:15px 0 0;text-align:center}.zan-dialog__content{position:relative;padding:15px 20px;line-height:1.5;min-height:40px}.zan-dialog__content::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;transform:scale(.5);transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-bottom-width:1px}.zan-dialog__content--title{color:#999;font-size:14px}.zan-dialog__footer{overflow:hidden}.zan-dialog__button{line-height:50px;height:50px;padding:0 5px;border-radius:0;margin-bottom:0}.zan-dialog__button::after{border-width:0;border-radius:0}.zan-dialog--show .zan-dialog--container{opacity:1;height:auto}.zan-dialog--show .zan-dialog--mask{display:block}.zan-dialog__footer--horizon{display:flex}.zan-dialog__footer--horizon .zan-dialog__button{flex:1}.zan-dialog__footer--horizon .zan-dialog__button::after{border-right-width:1px}.zan-dialog__footer--horizon .zan-dialog__button:last-child::after{border-right-width:0}.zan-dialog__footer--vertical .zan-dialog__button{flex:1}.zan-dialog__footer--vertical .zan-dialog__button::after{border-bottom-width:1px}.zan-dialog__footer--vertical .zan-dialog__button:last-child::after{border-bottom-width:0}.zan-field{padding:7px 15px;color:#333}.zan-field--wrapped{margin:0 15px;background-color:#fff}.zan-field--wrapped::after{left:0;border-width:1px;border-radius:4px}.zan-field--wrapped+.zan-field--wrapped{margin-top:10px}.zan-field--error{color:#f40}.zan-field--wrapped.zan-field--error::after{border-color:#f40}.zan-field__title{color:#333;min-width:65px;padding-right:10px}.zan-field__input{flex:1;line-height:1.6;padding:4px 0;min-height:22px;height:auto;font-size:14px}.zan-field__placeholder{font-size:14px}.zan-field__input--right{text-align:right}.zan-pull-left{float:left}.zan-pull-right{float:right}.zan-center{text-align:center}.zan-right{text-align:right}.zan-text-deleted{text-decoration:line-through}.zan-font-8{font-size:8px}.zan-font-10{font-size:10px}.zan-font-12{font-size:12px}.zan-font-14{font-size:14px}.zan-font-16{font-size:16px}.zan-font-18{font-size:18px}.zan-font-20{font-size:20px}.zan-font-22{font-size:22px}.zan-font-24{font-size:22px}.zan-font-30{font-size:30px}.zan-font-bold{font-weight:700}.zan-arrow{position:absolute;right:15px;top:50%;display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8c8;border-style:solid;transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0)}.zan-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.zan-ellipsis--l2{max-height:40px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.zan-ellipsis--l3{max-height:60px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.zan-clearfix{zoom:1}.zan-clearfix::after{content:'';display:table;clear:both}.zan-hairline,.zan-hairline--bottom,.zan-hairline--left,.zan-hairline--right,.zan-hairline--surround,.zan-hairline--top,.zan-hairline--top-bottom{position:relative}.zan-hairline--bottom::after,.zan-hairline--left::after,.zan-hairline--right::after,.zan-hairline--surround::after,.zan-hairline--top-bottom::after,.zan-hairline--top::after,.zan-hairline::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;transform:scale(.5);transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5}.zan-hairline--top::after{border-top-width:1px}.zan-hairline--left::after{border-left-width:1px}.zan-hairline--right::after{border-right-width:1px}.zan-hairline--bottom::after{border-bottom-width:1px}.zan-hairline--top-bottom::after{border-width:1px 0}.zan-hairline--surround::after{border-width:1px}@font-face{font-family:zanui-weapp-icon;src:url(https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-4381aded05.eot);src:url(https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-4381aded05.eot?#iefix) format('embedded-opentype'),url(https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-4381aded05.woff2) format('woff2'),url(https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-4381aded05.woff) format('woff'),url(https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-4381aded05.ttf) format('truetype')}.zan-icon{display:inline-block}.zan-icon::before{font-family:zanui-weapp-icon!important;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;-webkit-font-smoothing:antialiased}.zan-icon-qr-invalid:before{content:'\e800'}.zan-icon-qr:before{content:'\e801'}.zan-icon-exchange:before{content:'\e802'}.zan-icon-close:before{content:'\e803'}.zan-icon-location:before{content:'\e804'}.zan-icon-upgrade:before{content:'\e805'}.zan-icon-check:before{content:'\e806'}.zan-icon-checked:before{content:'\e807'}.zan-icon-like-o:before{content:'\e808'}.zan-icon-like:before{content:'\e809'}.zan-icon-chat:before{content:'\e80a'}.zan-icon-shop:before{content:'\e80b'}.zan-icon-photograph:before{content:'\e80c'}.zan-icon-add:before{content:'\e80d'}.zan-icon-add2:before{content:'\e80e'}.zan-icon-photo:before{content:'\e80f'}.zan-icon-logistics:before{content:'\e810'}.zan-icon-edit:before{content:'\e811'}.zan-icon-passed:before{content:'\e812'}.zan-icon-cart:before{content:'\e813'}.zan-icon-shopping-cart:before{content:'\e814'}.zan-icon-arrow:before{content:'\e815'}.zan-icon-gift:before{content:'\e816'}.zan-icon-search:before{content:'\e817'}.zan-icon-clear:before{content:'\e818'}.zan-icon-success:before{content:'\e819'}.zan-icon-fail:before{content:'\e81a'}.zan-icon-contact:before{content:'\e81b'}.zan-icon-wechat:before{content:'\e81c'}.zan-icon-alipay:before{content:'\e81d'}.zan-icon-password-view:before{content:'\e81e'}.zan-icon-password-not-view:before{content:'\e81f'}.zan-icon-wap-nav:before{content:'\e820'}.zan-icon-wap-home:before{content:'\e821'}.zan-icon-ecard-pay:before{content:'\e822'}.zan-icon-balance-pay:before{content:'\e823'}.zan-icon-peer-pay:before{content:'\e824'}.zan-icon-credit-pay:before{content:'\e825'}.zan-icon-debit-pay:before{content:'\e826'}.zan-icon-other-pay:before{content:'\e827'}.zan-icon-browsing-history:before{content:'\e828'}.zan-icon-goods-collect:before{content:'\e829'}.zan-icon-shop-collect:before{content:'\e82a'}.zan-icon-receive-gift:before{content:'\e82b'}.zan-icon-send-gift:before{content:'\e82c'}.zan-icon-setting:before{content:'\e82d'}.zan-icon-points:before{content:'\e82e'}.zan-icon-coupon:before{content:'\e82f'}.zan-icon-free-postage:before{content:'\e830'}.zan-icon-discount:before{content:'\e831'}.zan-icon-birthday-privilege:before{content:'\e832'}.zan-icon-member-day-privilege:before{content:'\e833'}.zan-icon-balance-details:before{content:'\e834'}.zan-icon-cash-back-record:before{content:'\e835'}.zan-icon-points-mall:before{content:'\e836'}.zan-icon-exchange-record:before{content:'\e837'}.zan-icon-pending-payment:before{content:'\e838'}.zan-icon-pending-orders:before{content:'\e839'}.zan-icon-pending-deliver:before{content:'\e83a'}.zan-icon-pending-evaluate:before{content:'\e83b'}.zan-icon-gift-card-pay:before{content:'\e83c'}.zan-icon-cash-on-deliver:before{content:'\e83d'}.zan-icon-underway:before{content:'\e83e'}.zan-icon-point-gift:before{content:'\e83f'}.zan-icon-after-sale:before{content:'\e840'}.zan-icon-edit-data:before{content:'\e841'}.zan-icon-question:before{content:'\e842'}.zan-icon-delete:before{content:'\e843'}.zan-icon-records:before{content:'\e844'}.zan-icon-description:before{content:'\e845'}.zan-icon-card:before{content:'\e846'}.zan-icon-gift-card:before{content:'\e847'}.zan-icon-clock:before{content:'\e848'}.zan-icon-gold-coin:before{content:'\e849'}.zan-icon-completed:before{content:'\e84a'}.zan-icon-value-card:before{content:'\e84b'}.zan-icon-certificate:before{content:'\e84c'}.zan-icon-tosend:before{content:'\e84d'}.zan-icon-sign:before{content:'\e84e'}.zan-icon-home:before{content:'\e84f'}.zan-icon-phone:before{content:'\e850'}.zan-icon-add-o:before{content:'\e851'}.zan-icon-play:before{content:'\e852'}.zan-icon-pause:before{content:'\e853'}.zan-icon-stop:before{content:'\e854'}.zan-icon-hot:before{content:'\e855'}.zan-icon-new:before{content:'\e856'}.zan-icon-new-arrival:before{content:'\e857'}.zan-icon-hot-sale:before{content:'\e858'}.zan-loadmore{position:relative;width:65%;margin:21px auto;line-height:20px;font-size:14px;text-align:center;vertical-align:middle}.zan-loading{width:20px;height:20px;display:inline-block;vertical-align:middle;animation:weuiLoading 1s steps(12,end) infinite;background:transparent url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iciIgd2lkdGg9JzEyMHB4JyBoZWlnaHQ9JzEyMHB4JyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIiBjbGFzcz0iYmsiPjwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjRTlFOUU5JwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoMCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nIzk4OTY5NycKICAgICAgICAgIHRyYW5zZm9ybT0ncm90YXRlKDMwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4KICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyM5Qjk5OUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSg2MCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjQTNBMUEyJwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoOTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNBQkE5QUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCMkIyQjInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxNTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCQUI4QjknCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxODAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDMkMwQzEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyMTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDQkNCQ0InCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEMkQyRDInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEQURBREEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNFMkUyRTInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0Pgo8L3N2Zz4=) no-repeat;-webkit-background-size:100%;background-size:100%}.zan-loadmore .zan-loading{margin-right:4px}.zan-loadmore__tips{display:inline-block;vertical-align:middle;height:20px;line-height:20px}.zan-loadmore--nodata,.zan-loadmore--nomore{color:#999}.zan-loadmore--nodata::after,.zan-loadmore--nomore::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;transform:scale(.5);transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-top-width:1px}.zan-loadmore--nodata{margin-top:120px}.zan-loadmore--nodata .zan-loadmore__tips{position:relative;top:-11px;background:#f9f9f9;padding:0 6px;z-index:1}.zan-loadmore--nomore .zan-loadmore__tips{position:relative;top:-11px;background:#f9f9f9;padding:0 6px;z-index:1}.zan-loadmore__dot{position:absolute;left:50%;top:10px;margin-left:-2px;margin-top:-2px;content:" ";width:4px;height:4px;border-radius:50%;background-color:#e5e5e5;display:inline-block;vertical-align:middle}.zan-noticebar{color:#f60;padding:9px 10px;font-size:12px;line-height:1.5;background-color:#fff7cc}.zan-panel{position:relative;background:#fff;margin-top:10px;overflow:hidden}.zan-panel::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;transform:scale(.5);transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-top-width:1px;border-bottom-width:1px}.zan-panel-title{font-size:14px;line-height:1;color:#999;padding:20px 15px 0 15px}.zan-panel--without-margin-top{margin-top:0}.zan-panel--without-border::after{border:0 none}.zan-popup{visibility:hidden}.zan-popup--show{visibility:visible}.zan-popup__mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;background:rgba(0,0,0,.7);display:none}.zan-popup__container{position:fixed;left:50%;top:50%;background:#fff;transform:translate3d(-50%,-50%,0);transform-origin:center;transition:all .4s ease;z-index:11;opacity:0}.zan-popup--show .zan-popup__container{opacity:1}.zan-popup--show .zan-popup__mask{display:block}.zan-popup--left .zan-popup__container{left:0;top:auto;transform:translate3d(-100%,0,0)}.zan-popup--show.zan-popup--left .zan-popup__container{transform:translate3d(0,0,0)}.zan-popup--right .zan-popup__container{right:0;top:auto;left:auto;transform:translate3d(100%,0,0)}.zan-popup--show.zan-popup--right .zan-popup__container{transform:translate3d(0,0,0)}.zan-popup--bottom .zan-popup__container{top:auto;left:auto;bottom:0;transform:translate3d(0,100%,0)}.zan-popup--show.zan-popup--bottom .zan-popup__container{transform:translate3d(0,0,0)}.zan-popup--top .zan-popup__container{top:0;left:auto;transform:translate3d(0,-100%,0)}.zan-popup--show.zan-popup--top .zan-popup__container{transform:translate3d(0,0,0)}.zan-row:after{content:"";display:table;clear:both}.zan-select__list .zan-select__radio{display:none}.zan-stepper{color:#666}.zan-stepper view{display:inline-block;line-height:20px;padding:5px 0;text-align:center;min-width:40px;box-sizing:border-box;vertical-align:middle;font-size:12px;border:1rpx solid #999}.zan-stepper .zan-stepper__minus{border-right:none;border-radius:2px 0 0 2px}.zan-stepper .zan-stepper__text{border:1rpx solid #999;display:inline-block;text-align:center;vertical-align:middle;height:30px;width:40px;min-height:auto;font-size:12px;line-height:30px}.zan-stepper .zan-stepper__plus{border-left:none;border-radius:0 2px 2px 0}.zan-stepper .zan-stepper--disabled{background:#f8f8f8;color:#bbb;border-color:#e8e8e8}.zan-stepper--small view{min-width:36px;line-height:18px}.zan-stepper--small .zan-stepper__text{width:36px;line-height:28px;height:28px}.zan-steps--steps.zan-steps--5 .zan-steps__step{width:25%}.zan-steps--steps.zan-steps--4 .zan-steps__step{width:33%}.zan-steps--steps.zan-steps--3 .zan-steps__step{width:50%}.zan-steps--steps .zan-steps__step{position:relative;float:left;padding-bottom:25px;color:#b1b1b1}.zan-steps--steps .zan-steps__title{transform:translateX(-50%);font-size:10px;text-align:center}.zan-steps--steps .zan-steps__icons{position:absolute;top:30px;left:-10px;padding:0 8px;background-color:#fff;z-index:10}.zan-steps--steps .zan-steps__circle{display:block;position:relative;width:5px;height:5px;background-color:#e5e5e5;border-radius:50%}.zan-steps--steps .zan-steps__line{position:absolute;left:0;top:32px;width:100%;height:1px;background-color:#e5e5e5}.zan-steps--steps .zan-steps__step--done{color:#333}.zan-steps--steps .zan-steps__step--done .zan-steps__line{background-color:#06bf04}.zan-steps--steps .zan-steps__step--done .zan-steps__circle{width:5px;height:5px;background-color:#09bb07}.zan-steps--steps .zan-steps__step--cur .zan-steps__icons{top:25px;left:-14px}.zan-steps--steps .zan-steps__step--cur .zan-steps__circle{width:13px;height:13px;background-image:url(https://b.yzcdn.cn/v2/image/wap/success_small@2x.png);background-size:13px 13px}.zan-steps--steps .zan-steps__step--cur .zan-steps__line{background-color:#e5e5e5}.zan-steps--steps .zan-steps__step--first-child .zan-steps__title{margin-left:0;transform:none;text-align:left}.zan-steps--steps .zan-steps__step--first-child .zan-steps__icons{left:-7px}.zan-steps--steps .zan-steps__step--last-child{position:absolute;right:0;top:0;text-align:right}.zan-steps--steps .zan-steps__step--last-child .zan-steps__title{transform:none;text-align:right}.zan-steps--steps .zan-steps__step--last-child .zan-steps__icons{left:auto;right:-6px}.zan-steps--steps .zan-steps__step--last-child .zan-steps__line{display:none}.zan-steps--steps .zan-steps__step--db-title{min-height:29px}.zan-steps--steps .zan-steps__step--db-title .zan-steps__line{top:45px}.zan-steps--steps .zan-steps__step--db-title .zan-steps__icons{top:43px}.zan-steps--steps .zan-steps__step--db-title.zan-steps__step--cur .zan-steps__icons{top:39px}.zan-steps--vsteps{color:#999;font-size:14px}.zan-steps--vsteps .zan-steps__step{position:relative;padding:15px 0}.zan-steps--vsteps .zan-steps__step--done{color:#4b0}.zan-steps--vsteps .zan-steps__line{position:absolute;top:0;bottom:0;left:7px;width:1px;background-color:#e5e5e5}.zan-steps--vsteps .zan-steps__title{display:inline-block;line-height:20px;padding-left:27px}.zan-steps--vsteps .zan-steps__title--desc{padding-left:3px}.zan-steps--vsteps .zan-steps__icons{position:absolute;left:7px;top:50%;transform:translate(-50%,-50%);z-index:2;padding:3px 0;background-color:#fff}.zan-steps--vsteps .zan-steps__circle{width:5px;height:5px;background-color:#cacaca;border-radius:10px}.zan-steps--vsteps .zan-steps__step--done .zan-steps__circle{width:5px;height:5px;background-color:#09bb07}.zan-steps--vsteps .zan-steps__step--cur .zan-steps__circle{width:13px;height:13px;background:transparent url(https://b.yzcdn.cn/v2/image/wap/success_small@2x.png);background-size:13px 13px;border-radius:0}.zan-steps--vsteps .zan-steps__icon--active{width:13px;height:13px}.zan-steps--vsteps .zan-steps__step--first-child .zan-steps__title::before{content:'';position:absolute;top:0;bottom:50%;left:7px;width:1px;background-color:#fff;z-index:1}.zan-steps--vsteps .zan-steps__step--last-child .zan-steps__title::after{content:'';position:absolute;top:50%;bottom:0;left:7px;width:1px;background-color:#fff;z-index:1}.zan-steps{position:relative}.zan-switch{position:relative;display:inline-block;width:52px;height:32px;vertical-align:middle;box-sizing:border-box;border-radius:16px;background:#44db5e;border:1px solid #44db5e}.zan-switch__circle{position:absolute;top:0;left:0;width:30px;height:30px;display:inline-block;background:#fff;border-radius:15px;box-sizing:border-box;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05);transition:transform .35s cubic-bezier(.45,1,.4,1);z-index:2}.zan-switch__bg{position:absolute;top:-1px;left:-1px;width:52px;height:32px;background:#fff;border-radius:26px;display:inline-block;border:1px solid #e5e5e5;box-sizing:border-box;transition:transform .35s cubic-bezier(.45,1,.4,1);transform:scale(0);transform-origin:36px 16px}.zan-switch--on .zan-switch__circle{transform:translateX(20px)}.zan-switch--off .zan-switch__bg{transform:scale(1)}.zan-swtich--disabled{opacity:.4}.zan-switch__loading{position:absolute;left:7px;top:7px;width:16px;height:16px;background:url(https://img.yzcdn.cn/public_files/2017/02/24/9acec77d91106cd15b8107c4633d9155.png) no-repeat;background-size:16px 16px;animation:zan-switch-loading .8s infinite linear}@keyframes zan-switch-loading{from{transform:rotate(0)}to{transform:rotate(360deg)}}.zan-tab{height:45px}.zan-tab__bd{width:750rpx;display:flex;flex-direction:row;border-bottom:1rpx solid #e5e5e5;background:#fff}.zan-tab__bd--fixed{position:fixed;top:0;z-index:2}.zan-tab__item{flex:1;display:inline-block;padding:0 10px;line-height:0;box-sizing:border-box;overflow:hidden;text-align:center}.zan-tab__title{display:inline-block;max-width:100%;height:44px;line-height:44px;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;word-break:keep-all;font-size:14px;color:#666}.zan-tab__item--selected .zan-tab__title{color:#f44;border-bottom:2px solid #f44}.zan-tab__bd--scroll{display:block;white-space:nowrap}.zan-tab__bd--scroll .zan-tab__item{min-width:80px}.zan-tag{display:inline-block;position:relative;box-sizing:border-box;line-height:16px;padding:0 5px;border-radius:2px;font-size:11px;background:#c9c9c9;text-align:center;color:#fff}.zan-tag::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;transform:scale(.5);transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-width:1px;border-radius:4px}.zan-tag--plain{color:#c9c9c9;background:#fff}.zan-tag--primary{color:#fff;background-color:#4b0}.zan-tag--primary::after{border-color:#4b0}.zan-tag--primary.zan-tag--plain{color:#4b0;background:#fff}.zan-tag--danger{color:#fff;background:#f44}.zan-tag--danger::after{border-color:#f44}.zan-tag--danger.zan-tag--plain{color:#f44;background:#fff}.zan-tag--warn{color:#fff;background:#f85}.zan-tag--warn::after{border-color:#f85}.zan-tag--warn.zan-tag--plain{color:#f85;background:#fff}.zan-tag--disabled{color:#999!important;background:#e5e5e5}.zan-tag--disabled::after{border-color:#ccc}.zan-toast{position:fixed;top:35%;left:20%;transform:translateZ(0) translateY(-100%);background:rgba(0,0,0,.7);color:#fff;font-size:14px;width:60%;line-height:1.5em;margin:0 auto;box-sizing:border-box;padding:10px;text-align:center;border-radius:4px;z-index:100}.zan-toptips{display:block;position:fixed;-webkit-transform:translateZ(0) translateY(-100%);width:100%;min-height:32px;top:0;line-height:2.3;font-size:14px;text-align:center;color:#fff;background-color:#e64340;z-index:110;transition:all .4s ease}.zan-toptips--show{-webkit-transform:translateZ(0) translateY(0)}
\ No newline at end of file
.zan-actionsheet {
background-color: #f8f8f8;
}
.zan-actionsheet__mask {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10010;
background: rgba(0, 0, 0, 0.7);
display: none;
}
.zan-actionsheet__container {
position: fixed;
left: 0;
right: 0;
bottom: 0;
background: #f8f8f8;
transform: translate3d(0, 50%, 0);
transform-origin: center;
transition: all 0.2s ease;
z-index: 10010;
opacity: 0;
visibility: hidden;
}
.zan-actionsheet__btn.zan-btn {
height: 50px;
line-height: 50px;
margin-bottom: 0;
}
.zan-actionsheet__btn.zan-btn::after {
border-width: 0;
border-bottom-width: 1px;
}
.zan-actionsheet__btn.zan-btn:last-child::after {
border-bottom-width: 0;
}
.zan-actionsheet__subname {
margin-left: 2px;
font-size: 12px;
color: #666;
}
.zan-actionsheet__footer {
margin-top: 10px;
}
.zan-actionsheet__btn.zan-btn--loading .zan-actionsheet__subname {
color: transparent;
}
.zan-actionsheet--show .zan-actionsheet__container {
opacity: 1;
transform: translate3d(0, 0, 0);
visibility: visible;
}
.zan-actionsheet--show .zan-actionsheet__mask {
display: block;
}
.zan-badge {
position: relative;
}
.zan-badge__count {
position: absolute;
top: -16px;
right: 0;
height: 1.6em;
min-width: 1.6em;
line-height: 1.6;
padding: 0 0.4em;
font-size: 20px;
border-radius: 0.8em;
background: #f44;
color: #fff;
text-align: center;
white-space: nowrap;
transform: translateX(50%) scale(0.5);
transform-origin: center;
z-index: 10010;
box-shadow: 0 0 0 2px #fff;
box-sizing: border-box;
}
.zan-btn {
position: relative;
color: #333;
background-color: #fff;
margin-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
border-radius: 2px;
font-size: 16px;
line-height: 45px;
height: 45px;
box-sizing: border-box;
text-decoration: none;
text-align: center;
vertical-align: middle;
}
.zan-btn::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 200%;
height: 200%;
transform: scale(0.5);
transform-origin: 0 0;
pointer-events: none;
box-sizing: border-box;
border: 0 solid #e5e5e5;
border-width: 1px;
border-radius: 4px;
}
.zan-btns {
margin: 15px;
}
.zan-btn--primary {
color: #fff;
background-color: #4b0;
}
.zan-btn--primary::after {
border-color: #0a0;
}
.zan-btn--warn {
color: #fff;
background-color: #f85;
}
.zan-btn--warn::after {
border-color: #f85;
}
.zan-btn--danger {
color: #fff;
background-color: #f44;
}
.zan-btn--danger::after {
border-color: #e33;
}
.zan-btn--small {
display: inline-block;
height: 30px;
line-height: 30px;
font-size: 12px;
margin-right: 5px;
margin-bottom: 0;
}
.zan-btn--mini {
display: inline-block;
line-height: 21px;
height: 22px;
font-size: 10px;
margin-right: 5px;
margin-bottom: 0;
padding-left: 5px;
padding-right: 5px;
}
.zan-btn--large {
border-radius: 0;
margin-bottom: 0;
border: none;
line-height: 50px;
height: 50px;
}
.zan-btn--plain.zan-btn {
background-color: transparent;
}
.zan-btn--plain.zan-btn--primary {
color: #06bf04;
}
.zan-btn--plain.zan-btn--warn {
color: #f60;
}
.zan-btn--plain.zan-btn--danger {
color: #f44;
}
.button-hover {
opacity: 0.9;
}
.zan-btn--loading {
color: transparent;
opacity: 1;
}
.zan-btn--loading::before {
position: absolute;
left: 50%;
top: 50%;
content: ' ';
width: 16px;
height: 16px;
margin-left: -8px;
margin-top: -8px;
border: 3px solid #e5e5e5;
border-color: #666 #e5e5e5 #e5e5e5 #e5e5e5;
border-radius: 8px;
box-sizing: border-box;
animation: btn-spin 0.6s linear;
animation-iteration-count: infinite;
}
.zan-btn--danger.zan-btn--loading::before,
.zan-btn--primary.zan-btn--loading::before,
.zan-btn--warn.zan-btn--loading::before {
border-color: #fff rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
}
@keyframes btn-spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.zan-btn.zan-btn--disabled {
color: #999 !important;
background: #f8f8f8 !important;
border-color: #e5e5e5 !important;
cursor: not-allowed !important;
opacity: 1 !important;
}
.zan-btn.zan-btn--disabled::after {
border-color: #e5e5e5 !important;
}
.zan-btn--last-child, .zan-btn:last-child {
margin-bottom: 0;
margin-right: 0;
}
.zan-capsule {
display: inline-block;
font-size: 12px;
vertical-align: middle;
line-height: 19px;
transform: scale(0.83);
}
.zan-capsule__left, .zan-capsule__right {
display: inline-block;
line-height: 17px;
height: 19px;
vertical-align: middle;
box-sizing: border-box;
}
.zan-capsule__left {
padding: 0 2px;
color: #fff;
background: #999;
border-radius: 2px 0 0 2px;
border: 1rpx solid #999;
}
.zan-capsule__right {
padding: 0 5px;
color: #999;
border-radius: 0 2px 2px 0;
border: 1rpx solid #999;
}
.zan-capsule--danger .zan-capsule__left {
color: #fff;
background: #f24544;
border-color: #f24544;
}
.zan-capsule--danger .zan-capsule__right {
color: #f24544;
border-color: #f24544;
}
.zan-card {
margin-left: 0;
width: auto;
padding: 5px 15px;
overflow: hidden;
position: relative;
font-size: 14px;
}
.zan-card__thumb {
width: 90px;
height: 90px;
float: left;
position: relative;
margin-left: auto;
margin-right: auto;
overflow: hidden;
background-size: cover;
}
.zan-card__img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.zan-card__detail {
margin-left: 100px;
width: auto;
position: relative;
}
.zan-card__detail-row {
overflow: hidden;
line-height: 20px;
min-height: 20px;
margin-bottom: 3px;
}
.zan-card__right-col {
float: right;
}
.zan-card__left-col {
margin-right: 80px;
}
.zan-cell {
position: relative;
padding: 12px 15px;
display: flex;
align-items: center;
line-height: 1.4;
font-size: 14px;
}
.zan-cell::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 200%;
height: 200%;
transform: scale(0.5);
transform-origin: 0 0;
pointer-events: none;
box-sizing: border-box;
border: 0 solid #e5e5e5;
border-bottom-width: 1px;
left: 15px;
right: 0;
}
.zan-cell__icon {
margin-right: 5px;
}
.zan-cell__bd {
flex: 1;
}
.zan-cell__text {
line-height: 24px;
font-size: 14px;
}
.zan-cell__desc {
line-height: 1.2;
font-size: 12px;
color: #666;
}
.zan-cell__ft {
position: relative;
text-align: right;
color: #666;
}
.zan-cell__no-pading {
padding: 0;
}
.zan-cell__no-pading .zan-cell__bd_padding {
padding: 12px 0 12px 15px;
}
.zan-cell__no-pading .zan-cell__bd_padding .zan-form__input {
height: 26px;
}
.zan-cell__no-pading .zan-cell__ft_padding {
padding: 12px 15px 12px 0;
}
.zan-cell--last-child::after, .zan-cell:last-child::after {
display: none;
}
.zan-cell--access .zan-cell__ft {
padding-right: 13px;
}
.zan-cell--access .zan-cell__ft::after {
position: absolute;
top: 50%;
right: 2px;
content: " ";
display: inline-block;
height: 6px;
width: 6px;
border-width: 2px 2px 0 0;
border-color: #c8c8c8;
border-style: solid;
transform: translateY(-50%) matrix(0.71, 0.71, -.71, 0.71, 0, 0);
}
.zan-cell--switch {
padding-top: 6px;
padding-bottom: 6px;
}
.zan-col {
float: left;
box-sizing: border-box;
width: 0;
}
.zan-col-1 {
width: 4.16667%;
}
.zan-col-offset-1 {
margin-left: 4.16667%;
}
.zan-col-2 {
width: 8.33333%;
}
.zan-col-offset-2 {
margin-left: 8.33333%;
}
.zan-col-3 {
width: 12.5%;
}
.zan-col-offset-3 {
margin-left: 12.5%;
}
.zan-col-4 {
width: 16.66667%;
}
.zan-col-offset-4 {
margin-left: 16.66667%;
}
.zan-col-5 {
width: 20.83333%;
}
.zan-col-offset-5 {
margin-left: 20.83333%;
}
.zan-col-6 {
width: 25%;
}
.zan-col-offset-6 {
margin-left: 25%;
}
.zan-col-7 {
width: 29.16667%;
}
.zan-col-offset-7 {
margin-left: 29.16667%;
}
.zan-col-8 {
width: 33.33333%;
}
.zan-col-offset-8 {
margin-left: 33.33333%;
}
.zan-col-9 {
width: 37.5%;
}
.zan-col-offset-9 {
margin-left: 37.5%;
}
.zan-col-10 {
width: 41.66667%;
}
.zan-col-offset-10 {
margin-left: 41.66667%;
}
.zan-col-11 {
width: 45.83333%;
}
.zan-col-offset-11 {
margin-left: 45.83333%;
}
.zan-col-12 {
width: 50%;
}
.zan-col-offset-12 {
margin-left: 50%;
}
.zan-col-13 {
width: 54.16667%;
}
.zan-col-offset-13 {
margin-left: 54.16667%;
}
.zan-col-14 {
width: 58.33333%;
}
.zan-col-offset-14 {
margin-left: 58.33333%;
}
.zan-col-15 {
width: 62.5%;
}
.zan-col-offset-15 {
margin-left: 62.5%;
}
.zan-col-16 {
width: 66.66667%;
}
.zan-col-offset-16 {
margin-left: 66.66667%;
}
.zan-col-17 {
width: 70.83333%;
}
.zan-col-offset-17 {
margin-left: 70.83333%;
}
.zan-col-18 {
width: 75%;
}
.zan-col-offset-18 {
margin-left: 75%;
}
.zan-col-19 {
width: 79.16667%;
}
.zan-col-offset-19 {
margin-left: 79.16667%;
}
.zan-col-20 {
width: 83.33333%;
}
.zan-col-offset-20 {
margin-left: 83.33333%;
}
.zan-col-21 {
width: 87.5%;
}
.zan-col-offset-21 {
margin-left: 87.5%;
}
.zan-col-22 {
width: 91.66667%;
}
.zan-col-offset-22 {
margin-left: 91.66667%;
}
.zan-col-23 {
width: 95.83333%;
}
.zan-col-offset-23 {
margin-left: 95.83333%;
}
.zan-col-24 {
width: 100%;
}
.zan-col-offset-24 {
margin-left: 100%;
}
.zan-c-red {
color: #f44 !important;
}
.zan-c-gray {
color: #c9c9c9 !important;
}
.zan-c-gray-dark {
color: #999 !important;
}
.zan-c-gray-darker {
color: #666 !important;
}
.zan-c-black {
color: #333 !important;
}
.zan-c-blue {
color: #38f !important;
}
.zan-c-green {
color: #06bf04 !important;
}
.zan-dialog--container {
position: fixed;
top: 45%;
left: 50%;
width: 80%;
height: 0;
font-size: 16px;
overflow: hidden;
transition: all 0.2s linear;
border-radius: 4px;
background-color: #fff;
transform: translate3d(-50%, -50%, 0);
color: #333;
opacity: 0;
}
.zan-dialog--mask {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.6);
transition: 0.3s;
display: none;
}
.zan-dialog__header {
padding: 15px 0 0;
text-align: center;
}
.zan-dialog__content {
position: relative;
padding: 15px 20px;
line-height: 1.5;
min-height: 40px;
}
.zan-dialog__content::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 200%;
height: 200%;
transform: scale(0.5);
transform-origin: 0 0;
pointer-events: none;
box-sizing: border-box;
border: 0 solid #e5e5e5;
border-bottom-width: 1px;
}
.zan-dialog__content--title {
color: #999;
font-size: 14px;
}
.zan-dialog__footer {
overflow: hidden;
}
.zan-dialog__button {
line-height: 50px;
height: 50px;
padding: 0 5px;
border-radius: 0;
margin-bottom: 0;
}
.zan-dialog__button::after {
border-width: 0;
border-radius: 0;
}
.zan-dialog--show .zan-dialog--container {
opacity: 1;
height: auto;
}
.zan-dialog--show .zan-dialog--mask {
display: block;
}
.zan-dialog__footer--horizon {
display: flex;
}
.zan-dialog__footer--horizon .zan-dialog__button {
flex: 1;
}
.zan-dialog__footer--horizon .zan-dialog__button::after {
border-right-width: 1px;
}
.zan-dialog__footer--horizon .zan-dialog__button:last-child::after {
border-right-width: 0;
}
.zan-dialog__footer--vertical .zan-dialog__button {
flex: 1;
}
.zan-dialog__footer--vertical .zan-dialog__button::after {
border-bottom-width: 1px;
}
.zan-dialog__footer--vertical .zan-dialog__button:last-child::after {
border-bottom-width: 0;
}
.zan-field {
padding: 7px 15px;
color: #333;
}
.zan-field--wrapped {
margin: 0 15px;
background-color: #fff;
}
.zan-field--wrapped::after {
left: 0;
border-width: 1px;
border-radius: 4px;
}
.zan-field--wrapped+.zan-field--wrapped {
margin-top: 10px;
}
.zan-field--error {
color: #f40;
}
.zan-field--wrapped.zan-field--error::after {
border-color: #f40;
}
.zan-field__title {
color: #333;
min-width: 65px;
padding-right: 10px;
}
.zan-field__input {
flex: 1;
line-height: 1.6;
padding: 4px 0;
min-height: 22px;
height: auto;
font-size: 14px;
}
.zan-field__placeholder {
font-size: 14px;
}
.zan-field__input--right {
text-align: right;
}
.zan-pull-left {
float: left;
}
.zan-pull-right {
float: right;
}
.zan-center {
text-align: center;
}
.zan-right {
text-align: right;
}
.zan-text-deleted {
text-decoration: line-through;
}
.zan-font-8 {
font-size: 8px;
}
.zan-font-10 {
font-size: 10px;
}
.zan-font-12 {
font-size: 12px;
}
.zan-font-14 {
font-size: 14px;
}
.zan-font-16 {
font-size: 16px;
}
.zan-font-18 {
font-size: 18px;
}
.zan-font-20 {
font-size: 20px;
}
.zan-font-22 {
font-size: 22px;
}
.zan-font-24 {
font-size: 22px;
}
.zan-font-30 {
font-size: 30px;
}
.zan-font-bold {
font-weight: 700;
}
.zan-arrow {
position: absolute;
right: 15px;
top: 50%;
display: inline-block;
height: 6px;
width: 6px;
border-width: 2px 2px 0 0;
border-color: #c8c8c8;
border-style: solid;
transform: translateY(-50%) matrix(0.71, 0.71, -.71, 0.71, 0, 0);
}
.zan-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
}
.zan-ellipsis--l2 {
max-height: 40px;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.zan-ellipsis--l3 {
max-height: 60px;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.zan-clearfix {
zoom: 1;
}
.zan-clearfix::after {
content: '';
display: table;
clear: both;
}
.zan-hairline, .zan-hairline--bottom, .zan-hairline--left, .zan-hairline--right,
.zan-hairline--surround, .zan-hairline--top, .zan-hairline--top-bottom {
position: relative;
}
.zan-hairline--bottom::after, .zan-hairline--left::after,
.zan-hairline--right::after, .zan-hairline--surround::after,
.zan-hairline--top-bottom::after, .zan-hairline--top::after,
.zan-hairline::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 200%;
height: 200%;
transform: scale(0.5);
transform-origin: 0 0;
pointer-events: none;
box-sizing: border-box;
border: 0 solid #e5e5e5;
}
.zan-hairline--top::after {
border-top-width: 1px;
}
.zan-hairline--left::after {
border-left-width: 1px;
}
.zan-hairline--right::after {
border-right-width: 1px;
}
.zan-hairline--bottom::after {
border-bottom-width: 1px;
}
.zan-hairline--top-bottom::after {
border-width: 1px 0;
}
.zan-hairline--surround::after {
border-width: 1px;
}
@font-face {
font-family: zanui-weapp-icon;
src: url(https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-4381aded05.eot);
src: url(https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-4381aded05.eot?#iefix) format('embedded-opentype'),
url(https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-4381aded05.woff2) format('woff2'),
url(https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-4381aded05.woff) format('woff'),
url(https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-4381aded05.ttf) format('truetype');
}
.zan-icon {
display: inline-block;
}
.zan-icon::before {
font-family: zanui-weapp-icon !important;
font-style: normal;
font-weight: 400;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
-webkit-font-smoothing: antialiased;
}
.zan-icon-qr-invalid:before {
content: '\e800';
}
.zan-icon-qr:before {
content: '\e801';
}
.zan-icon-exchange:before {
content: '\e802';
}
.zan-icon-close:before {
content: '\e803';
}
.zan-icon-location:before {
content: '\e804';
}
.zan-icon-upgrade:before {
content: '\e805';
}
.zan-icon-check:before {
content: '\e806';
}
.zan-icon-checked:before {
content: '\e807';
}
.zan-icon-like-o:before {
content: '\e808';
}
.zan-icon-like:before {
content: '\e809';
}
.zan-icon-chat:before {
content: '\e80a';
}
.zan-icon-shop:before {
content: '\e80b';
}
.zan-icon-photograph:before {
content: '\e80c';
}
.zan-icon-add:before {
content: '\e80d';
}
.zan-icon-add2:before {
content: '\e80e';
}
.zan-icon-photo:before {
content: '\e80f';
}
.zan-icon-logistics:before {
content: '\e810';
}
.zan-icon-edit:before {
content: '\e811';
}
.zan-icon-passed:before {
content: '\e812';
}
.zan-icon-cart:before {
content: '\e813';
}
.zan-icon-shopping-cart:before {
content: '\e814';
}
.zan-icon-arrow:before {
content: '\e815';
}
.zan-icon-gift:before {
content: '\e816';
}
.zan-icon-search:before {
content: '\e817';
}
.zan-icon-clear:before {
content: '\e818';
}
.zan-icon-success:before {
content: '\e819';
}
.zan-icon-fail:before {
content: '\e81a';
}
.zan-icon-contact:before {
content: '\e81b';
}
.zan-icon-wechat:before {
content: '\e81c';
}
.zan-icon-alipay:before {
content: '\e81d';
}
.zan-icon-password-view:before {
content: '\e81e';
}
.zan-icon-password-not-view:before {
content: '\e81f';
}
.zan-icon-wap-nav:before {
content: '\e820';
}
.zan-icon-wap-home:before {
content: '\e821';
}
.zan-icon-ecard-pay:before {
content: '\e822';
}
.zan-icon-balance-pay:before {
content: '\e823';
}
.zan-icon-peer-pay:before {
content: '\e824';
}
.zan-icon-credit-pay:before {
content: '\e825';
}
.zan-icon-debit-pay:before {
content: '\e826';
}
.zan-icon-other-pay:before {
content: '\e827';
}
.zan-icon-browsing-history:before {
content: '\e828';
}
.zan-icon-goods-collect:before {
content: '\e829';
}
.zan-icon-shop-collect:before {
content: '\e82a';
}
.zan-icon-receive-gift:before {
content: '\e82b';
}
.zan-icon-send-gift:before {
content: '\e82c';
}
.zan-icon-setting:before {
content: '\e82d';
}
.zan-icon-points:before {
content: '\e82e';
}
.zan-icon-coupon:before {
content: '\e82f';
}
.zan-icon-free-postage:before {
content: '\e830';
}
.zan-icon-discount:before {
content: '\e831';
}
.zan-icon-birthday-privilege:before {
content: '\e832';
}
.zan-icon-member-day-privilege:before {
content: '\e833';
}
.zan-icon-balance-details:before {
content: '\e834';
}
.zan-icon-cash-back-record:before {
content: '\e835';
}
.zan-icon-points-mall:before {
content: '\e836';
}
.zan-icon-exchange-record:before {
content: '\e837';
}
.zan-icon-pending-payment:before {
content: '\e838';
}
.zan-icon-pending-orders:before {
content: '\e839';
}
.zan-icon-pending-deliver:before {
content: '\e83a';
}
.zan-icon-pending-evaluate:before {
content: '\e83b';
}
.zan-icon-gift-card-pay:before {
content: '\e83c';
}
.zan-icon-cash-on-deliver:before {
content: '\e83d';
}
.zan-icon-underway:before {
content: '\e83e';
}
.zan-icon-point-gift:before {
content: '\e83f';
}
.zan-icon-after-sale:before {
content: '\e840';
}
.zan-icon-edit-data:before {
content: '\e841';
}
.zan-icon-question:before {
content: '\e842';
}
.zan-icon-delete:before {
content: '\e843';
}
.zan-icon-records:before {
content: '\e844';
}
.zan-icon-description:before {
content: '\e845';
}
.zan-icon-card:before {
content: '\e846';
}
.zan-icon-gift-card:before {
content: '\e847';
}
.zan-icon-clock:before {
content: '\e848';
}
.zan-icon-gold-coin:before {
content: '\e849';
}
.zan-icon-completed:before {
content: '\e84a';
}
.zan-icon-value-card:before {
content: '\e84b';
}
.zan-icon-certificate:before {
content: '\e84c';
}
.zan-icon-tosend:before {
content: '\e84d';
}
.zan-icon-sign:before {
content: '\e84e';
}
.zan-icon-home:before {
content: '\e84f';
}
.zan-icon-phone:before {
content: '\e850';
}
.zan-icon-add-o:before {
content: '\e851';
}
.zan-icon-play:before {
content: '\e852';
}
.zan-icon-pause:before {
content: '\e853';
}
.zan-icon-stop:before {
content: '\e854';
}
.zan-icon-hot:before {
content: '\e855';
}
.zan-icon-new:before {
content: '\e856';
}
.zan-icon-new-arrival:before {
content: '\e857';
}
.zan-icon-hot-sale:before {
content: '\e858';
}
.zan-loadmore {
position: relative;
width: 65%;
margin: 21px auto;
line-height: 20px;
font-size: 14px;
text-align: center;
vertical-align: middle;
}
.zan-loading {
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
animation: weuiLoading 1s steps(12, end) infinite;
background: transparent url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iciIgd2lkdGg9JzEyMHB4JyBoZWlnaHQ9JzEyMHB4JyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIiBjbGFzcz0iYmsiPjwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjRTlFOUU5JwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoMCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nIzk4OTY5NycKICAgICAgICAgIHRyYW5zZm9ybT0ncm90YXRlKDMwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4KICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyM5Qjk5OUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSg2MCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjQTNBMUEyJwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoOTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNBQkE5QUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCMkIyQjInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxNTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCQUI4QjknCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxODAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDMkMwQzEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyMTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDQkNCQ0InCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEMkQyRDInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEQURBREEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNFMkUyRTInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0Pgo8L3N2Zz4=) no-repeat;
-webkit-background-size: 100%;
background-size: 100%;
}
.zan-loadmore .zan-loading {
margin-right: 4px;
}
.zan-loadmore__tips {
display: inline-block;
vertical-align: middle;
height: 20px;
line-height: 20px;
}
.zan-loadmore--nodata, .zan-loadmore--nomore {
color: #999;
}
.zan-loadmore--nodata::after, .zan-loadmore--nomore::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 200%;
height: 200%;
transform: scale(0.5);
transform-origin: 0 0;
pointer-events: none;
box-sizing: border-box;
border: 0 solid #e5e5e5;
border-top-width: 1px;
}
.zan-loadmore--nodata {
margin-top: 120px;
}
.zan-loadmore--nodata .zan-loadmore__tips {
position: relative;
top: -11px;
background: #f9f9f9;
padding: 0 6px;
z-index: 10001;
}
.zan-loadmore--nomore .zan-loadmore__tips {
position: relative;
top: -11px;
background: #f9f9f9;
padding: 0 6px;
z-index: 10001;
}
.zan-loadmore__dot {
position: absolute;
left: 50%;
top: 10px;
margin-left: -2px;
margin-top: -2px;
content: " ";
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #e5e5e5;
display: inline-block;
vertical-align: middle;
}
.zan-noticebar {
color: #f60;
padding: 9px 10px;
font-size: 12px;
line-height: 1.5;
background-color: #fff7cc;
}
.zan-panel {
position: relative;
background: #fff;
margin-top: 10px;
overflow: hidden;
}
.zan-panel::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 200%;
height: 200%;
transform: scale(0.5);
transform-origin: 0 0;
pointer-events: none;
box-sizing: border-box;
border: 0 solid #e5e5e5;
border-top-width: 1px;
border-bottom-width: 1px;
}
.zan-panel-title {
font-size: 14px;
line-height: 1;
color: #999;
padding: 20px 15px 0 15px;
}
.zan-panel--without-margin-top {
margin-top: 0;
}
.zan-panel--without-border::after {
border: 0 none;
}
.zan-popup {
visibility: hidden;
}
.zan-popup--show {
visibility: visible;
}
.zan-popup__mask {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10010;
background: rgba(0, 0, 0, 0.7);
display: none;
}
.zan-popup__container {
position: fixed;
left: 50%;
top: 50%;
background: #fff;
transform: translate3d(-50%, -50%, 0);
transform-origin: center;
transition: all 0.4s ease;
z-index: 10011;
opacity: 0;
}
.zan-popup--show .zan-popup__container {
opacity: 1;
}
.zan-popup--show .zan-popup__mask {
display: block;
}
.zan-popup--left .zan-popup__container {
left: 0;
top: auto;
transform: translate3d(-100%, 0, 0);
}
.zan-popup--show.zan-popup--left .zan-popup__container {
transform: translate3d(0, 0, 0);
}
.zan-popup--right .zan-popup__container {
right: 0;
top: auto;
left: auto;
transform: translate3d(100%, 0, 0);
}
.zan-popup--show.zan-popup--right .zan-popup__container {
transform: translate3d(0, 0, 0);
}
.zan-popup--bottom .zan-popup__container {
top: auto;
left: auto;
bottom: 0;
transform: translate3d(0, 100%, 0);
}
.zan-popup--show.zan-popup--bottom .zan-popup__container {
transform: translate3d(0, 0, 0);
}
.zan-popup--top .zan-popup__container {
top: 0;
left: auto;
transform: translate3d(0, -100%, 0);
}
.zan-popup--show.zan-popup--top .zan-popup__container {
transform: translate3d(0, 0, 0);
}
.zan-row:after {
content: "";
display: table;
clear: both;
}
.zan-select__list .zan-select__radio {
display: none;
}
.zan-stepper {
color: #666;
}
.zan-stepper view {
display: inline-block;
line-height: 20px;
padding: 5px 0;
text-align: center;
min-width: 40px;
box-sizing: border-box;
vertical-align: middle;
font-size: 12px;
border: 1rpx solid #999;
}
.zan-stepper .zan-stepper__minus {
border-right: none;
border-radius: 2px 0 0 2px;
}
.zan-stepper .zan-stepper__text {
border: 1rpx solid #999;
display: inline-block;
text-align: center;
vertical-align: middle;
height: 30px;
width: 40px;
min-height: auto;
font-size: 12px;
line-height: 30px;
}
.zan-stepper .zan-stepper__plus {
border-left: none;
border-radius: 0 2px 2px 0;
}
.zan-stepper .zan-stepper--disabled {
background: #f8f8f8;
color: #bbb;
border-color: #e8e8e8;
}
.zan-stepper--small view {
min-width: 36px;
line-height: 18px;
}
.zan-stepper--small .zan-stepper__text {
width: 36px;
line-height: 28px;
height: 28px;
}
.zan-steps--steps.zan-steps--5 .zan-steps__step {
width: 25%;
}
.zan-steps--steps.zan-steps--4 .zan-steps__step {
width: 33%;
}
.zan-steps--steps.zan-steps--3 .zan-steps__step {
width: 50%;
}
.zan-steps--steps .zan-steps__step {
position: relative;
float: left;
padding-bottom: 25px;
color: #b1b1b1;
}
.zan-steps--steps .zan-steps__title {
transform: translateX(-50%);
font-size: 10px;
text-align: center;
}
.zan-steps--steps .zan-steps__icons {
position: absolute;
top: 30px;
left: -10px;
padding: 0 8px;
background-color: #fff;
z-index: 10010;
}
.zan-steps--steps .zan-steps__circle {
display: block;
position: relative;
width: 5px;
height: 5px;
background-color: #e5e5e5;
border-radius: 50%;
}
.zan-steps--steps .zan-steps__line {
position: absolute;
left: 0;
top: 32px;
width: 100%;
height: 1px;
background-color: #e5e5e5;
}
.zan-steps--steps .zan-steps__step--done {
color: #333;
}
.zan-steps--steps .zan-steps__step--done .zan-steps__line {
background-color: #06bf04;
}
.zan-steps--steps .zan-steps__step--done .zan-steps__circle {
width: 5px;
height: 5px;
background-color: #09bb07;
}
.zan-steps--steps .zan-steps__step--cur .zan-steps__icons {
top: 25px;
left: -14px;
}
.zan-steps--steps .zan-steps__step--cur .zan-steps__circle {
width: 13px;
height: 13px;
background-image: url(https://b.yzcdn.cn/v2/image/wap/success_small@2x.png);
background-size: 13px 13px;
}
.zan-steps--steps .zan-steps__step--cur .zan-steps__line {
background-color: #e5e5e5;
}
.zan-steps--steps .zan-steps__step--first-child .zan-steps__title {
margin-left: 0;
transform: none;
text-align: left;
}
.zan-steps--steps .zan-steps__step--first-child .zan-steps__icons {
left: -7px;
}
.zan-steps--steps .zan-steps__step--last-child {
position: absolute;
right: 0;
top: 0;
text-align: right;
}
.zan-steps--steps .zan-steps__step--last-child .zan-steps__title {
transform: none;
text-align: right;
}
.zan-steps--steps .zan-steps__step--last-child .zan-steps__icons {
left: auto;
right: -6px;
}
.zan-steps--steps .zan-steps__step--last-child .zan-steps__line {
display: none;
}
.zan-steps--steps .zan-steps__step--db-title {
min-height: 29px;
}
.zan-steps--steps .zan-steps__step--db-title .zan-steps__line {
top: 45px;
}
.zan-steps--steps .zan-steps__step--db-title .zan-steps__icons {
top: 43px;
}
.zan-steps--steps .zan-steps__step--db-title.zan-steps__step--cur .zan-steps__icons {
top: 39px;
}
.zan-steps--vsteps {
color: #999;
font-size: 14px;
}
.zan-steps--vsteps .zan-steps__step {
position: relative;
padding: 15px 0;
}
.zan-steps--vsteps .zan-steps__step--done {
color: #4b0;
}
.zan-steps--vsteps .zan-steps__line {
position: absolute;
top: 0;
bottom: 0;
left: 7px;
width: 1px;
background-color: #e5e5e5;
}
.zan-steps--vsteps .zan-steps__title {
display: inline-block;
line-height: 20px;
padding-left: 27px;
}
.zan-steps--vsteps .zan-steps__title--desc {
padding-left: 3px;
}
.zan-steps--vsteps .zan-steps__icons {
position: absolute;
left: 7px;
top: 50%;
transform: translate(-50%, -50%);
z-index: 10002;
padding: 3px 0;
background-color: #fff;
}
.zan-steps--vsteps .zan-steps__circle {
width: 5px;
height: 5px;
background-color: #cacaca;
border-radius: 10px;
}
.zan-steps--vsteps .zan-steps__step--done .zan-steps__circle {
width: 5px;
height: 5px;
background-color: #09bb07;
}
.zan-steps--vsteps .zan-steps__step--cur .zan-steps__circle {
width: 13px;
height: 13px;
background: transparent url(https://b.yzcdn.cn/v2/image/wap/success_small@2x.png);
background-size: 13px 13px;
border-radius: 0;
}
.zan-steps--vsteps .zan-steps__icon--active {
width: 13px;
height: 13px;
}
.zan-steps--vsteps .zan-steps__step--first-child .zan-steps__title::before {
content: '';
position: absolute;
top: 0;
bottom: 50%;
left: 7px;
width: 1px;
background-color: #fff;
z-index: 10001;
}
.zan-steps--vsteps .zan-steps__step--last-child .zan-steps__title::after {
content: '';
position: absolute;
top: 50%;
bottom: 0;
left: 7px;
width: 1px;
background-color: #fff;
z-index: 10001;
}
.zan-steps {
position: relative;
}
.zan-switch {
position: relative;
display: inline-block;
width: 52px;
height: 32px;
vertical-align: middle;
box-sizing: border-box;
border-radius: 16px;
background: #44db5e;
border: 1px solid #44db5e;
}
.zan-switch__circle {
position: absolute;
top: 0;
left: 0;
width: 30px;
height: 30px;
display: inline-block;
background: #fff;
border-radius: 15px;
box-sizing: border-box;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1),
0 3px 1px 0 rgba(0, 0, 0, 0.05),
0 2px 2px 0 rgba(0, 0, 0, 0.1),
0 3px 3px 0 rgba(0, 0, 0, 0.05);
transition: transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
z-index: 10002;
}
.zan-switch__bg {
position: absolute;
top: -1px;
left: -1px;
width: 52px;
height: 32px;
background: #fff;
border-radius: 26px;
display: inline-block;
border: 1px solid #e5e5e5;
box-sizing: border-box;
transition: transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
transform: scale(0);
transform-origin: 36px 16px;
}
.zan-switch--on .zan-switch__circle {
transform: translateX(20px);
}
.zan-switch--off .zan-switch__bg {
transform: scale(1);
}
.zan-swtich--disabled {
opacity: 0.4;
}
.zan-switch__loading {
position: absolute;
left: 7px;
top: 7px;
width: 16px;
height: 16px;
background: url(https://img.yzcdn.cn/public_files/2017/02/24/9acec77d91106cd15b8107c4633d9155.png) no-repeat;
background-size: 16px 16px;
animation: zan-switch-loading 0.8s infinite linear;
}
@keyframes zan-switch-loading {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
.zan-tab {
height: 45px;
}
.zan-tab__bd {
width: 750rpx;
display: flex;
flex-direction: row;
border-bottom: 1rpx solid #e5e5e5;
background: #fff;
}
.zan-tab__bd--fixed {
position: fixed;
top: 0;
z-index: 10002;
}
.zan-tab__item {
flex: 1;
display: inline-block;
padding: 0 10px;
line-height: 0;
box-sizing: border-box;
overflow: hidden;
text-align: center;
}
.zan-tab__title {
display: inline-block;
max-width: 100%;
height: 44px;
line-height: 44px;
overflow: hidden;
text-overflow: ellipsis;
box-sizing: border-box;
word-break: keep-all;
font-size: 14px;
color: #666;
}
.zan-tab__item--selected .zan-tab__title {
color: #f44;
border-bottom: 2px solid #f44;
}
.zan-tab__bd--scroll {
display: block;
white-space: nowrap;
}
.zan-tab__bd--scroll .zan-tab__item {
min-width: 80px;
}
.zan-tag {
display: inline-block;
position: relative;
box-sizing: border-box;
line-height: 16px;
padding: 0 5px;
border-radius: 2px;
font-size: 11px;
background: #c9c9c9;
text-align: center;
color: #fff;
}
.zan-tag::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 200%;
height: 200%;
transform: scale(0.5);
transform-origin: 0 0;
pointer-events: none;
box-sizing: border-box;
border: 0 solid #e5e5e5;
border-width: 1px;
border-radius: 4px;
}
.zan-tag--plain {
color: #c9c9c9;
background: #fff;
}
.zan-tag--primary {
color: #fff;
background-color: #4b0;
}
.zan-tag--primary::after {
border-color: #4b0;
}
.zan-tag--primary.zan-tag--plain {
color: #4b0;
background: #fff;
}
.zan-tag--danger {
color: #fff;
background: #f44;
}
.zan-tag--danger::after {
border-color: #f44;
}
.zan-tag--danger.zan-tag--plain {
color: #f44;
background: #fff;
}
.zan-tag--warn {
color: #fff;
background: #f85;
}
.zan-tag--warn::after {
border-color: #f85;
}
.zan-tag--warn.zan-tag--plain {
color: #f85;
background: #fff;
}
.zan-tag--disabled {
color: #999 !important;
background: #e5e5e5;
}
.zan-tag--disabled::after {
border-color: #ccc;
}
.zan-toast {
position: fixed;
top: 35%;
left: 20%;
transform: translateZ(0) translateY(-100%);
background: rgba(0, 0, 0, 0.7);
color: #fff;
font-size: 14px;
width: 60%;
line-height: 1.5em;
margin: 0 auto;
box-sizing: border-box;
padding: 10px;
text-align: left;
border-radius: 4px;
z-index: 10100;
}
.zan-toptips {
display: block;
position: fixed;
-webkit-transform: translateZ(0) translateY(-100%);
width: 100%;
min-height: 32px;
top: 0;
line-height: 2.3;
font-size: 14px;
text-align: center;
color: #fff;
background-color: #e64340;
z-index: 10110;
transition: all 0.4s ease;
}
.zan-toptips--show {
-webkit-transform: translateZ(0) translateY(0);
}
... ...
module.exports = {
showZanToast(title, timeout) {
const options = formatParameter(title, timeout);
// 清除上一轮的计时器
const { timer = 0 } = this.data.zanToast || {};
clearTimeout(timer);
// 弹层设置~
const zanToast = {
show: true,
icon: options.icon,
image: options.image,
title: options.title,
success:options.success
};
// console.log('zantoast',zanToast);
this.setData({
zanToast
});
// 传入的显示时长小于0，就认为需要一直显示
if (timeout < 0) {
return;
}
// 下一轮计时器
const nextTimer = setTimeout(() => {
zanToast.success();
this.clearZanToast();
}, timeout || 3000);
this.setData({
'zanToast.timer': nextTimer
});
},
// 清除所有 toast
clearZanToast() {
const { timer = 0 } = this.data.zanToast || {};
clearTimeout(timer);
this.setData({
'zanToast.show': false
});
},
// 快捷方法，显示 loading
showZanLoading(title) {
const options = formatParameter(title);
this.showZanToast({
...options,
icon: 'loading'
});
}
};
function formatParameter(title, timeout = 0) {
// 如果传入的 title 是对象，那么认为所有的配置属性都在这个对象中了
if (typeof title === 'object') {
return title;
}
return {
title,
timeout
};
}
... ...
<template name="zan-toast">
<view
class="zan-toast {{ !zanToast.title ? 'zan-toast--notitle' : '' }}"
wx:if="{{ zanToast.show }}"
bindtap="clearZanToast"
>
<!-- icon 展示 -->
<block
wx:if="{{ zanToast.icon || zanToast.image }}"
>
<view
wx:if="{{ zanToast.image }}"
class="zan-toast__icon zan-toast__icon-image"
style="background-image: url({{ zanToast.image }});"
></view>
<view
wx:elif="{{ zanToast.icon === 'loading' }}"
class="zan-toast__icon zan-toast__icon-loading"
>
<view class="zan-loading"></view>
</view>
<view
wx:else
class="zan-toast__icon zan-icon zan-icon-{{ zanToast.icon }}"
></view>
</block>
<!-- 文案展示 -->
<view wx:if="{{ zanToast.title }}">{{ zanToast.title }}</view>
</view>
</template>
... ...
.zan-toast {
position: fixed;
top: 35%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
background: rgba(0, 0, 0, 0.7);
color: #fff;
font-size: 14px;
line-height: 1.5em;
margin: 0 auto;
box-sizing: border-box;
padding: 10px 18px;
text-align: center;
border-radius: 4px;
z-index: 100;
}
.zan-toast--notitle {
padding: 18px;
}
.zan-toast__icon {
width: 40px;
height: 40px;
line-height: 40px;
margin: 0 auto;
padding: 12px 15px;
font-size: 38px;
text-align: center;
}
.zan-toast__icon-loading {
line-height: 0;
}
.zan-toast__icon-loading .zan-loading {
width: 40px;
height: 40px;
}
.zan-toast__icon-image {
background-size: 40px;
background-position: center;
background-repeat: no-repeat;
}
... ...
... ... @@ -30,7 +30,7 @@
"license": "UNLICENSED",
"devDependencies": {
"eslint": "^4.16.0",
"eslint-config-yoho": "^1.0.9",
"eslint-config-yoho": "^1.1.0",
"husky": "^0.14.3",
"lint-staged": "^6.0.1",
"stylelint": "^8.4.0",
... ...
This diff could not be displayed because it is too large.