0000
This commit is contained in:
parent
6c32b92e73
commit
f63eea04bb
19
app/app.js
Normal file
19
app/app.js
Normal file
@ -0,0 +1,19 @@
|
|||||||
|
// app.js
|
||||||
|
App({
|
||||||
|
onLaunch() {
|
||||||
|
// 展示本地存储能力
|
||||||
|
const logs = wx.getStorageSync('logs') || []
|
||||||
|
logs.unshift(Date.now())
|
||||||
|
wx.setStorageSync('logs', logs)
|
||||||
|
|
||||||
|
// 登录
|
||||||
|
// wx.login({
|
||||||
|
// success: res => {
|
||||||
|
// // 发送 res.code 到后台换取 openId, sessionKey, unionId
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
},
|
||||||
|
globalData: {
|
||||||
|
userInfo: null
|
||||||
|
}
|
||||||
|
})
|
||||||
45
app/app.json
Normal file
45
app/app.json
Normal file
@ -0,0 +1,45 @@
|
|||||||
|
|
||||||
|
{
|
||||||
|
"usingComponents": {
|
||||||
|
"van-button": "@vant/weapp/button/index"
|
||||||
|
},
|
||||||
|
"pages": [
|
||||||
|
"pages/index/index",
|
||||||
|
"pages/shopping/shopping",
|
||||||
|
"pages/mine/mine",
|
||||||
|
"pages/logs/logs"
|
||||||
|
],
|
||||||
|
"window": {
|
||||||
|
"navigationBarTextStyle": "black",
|
||||||
|
"navigationBarTitleText": "嗨果嗨鲜",
|
||||||
|
"navigationBarBackgroundColor": "#ffffff",
|
||||||
|
"navigationStyle": "custom"
|
||||||
|
},
|
||||||
|
|
||||||
|
"componentFramework": "glass-easel",
|
||||||
|
"sitemapLocation": "sitemap.json",
|
||||||
|
"lazyCodeLoading": "requiredComponents",
|
||||||
|
|
||||||
|
"tabBar": {
|
||||||
|
"list": [
|
||||||
|
{
|
||||||
|
"pagePath": "pages/index/index",
|
||||||
|
"text":"首页",
|
||||||
|
"iconPath": "/images/shouye.png",
|
||||||
|
"selectedIconPath": "/images/shouye1.png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"pagePath": "pages/shopping/shopping",
|
||||||
|
"text":"购物车",
|
||||||
|
"iconPath": "/images/gouwuche.png",
|
||||||
|
"selectedIconPath": "/images/gouwuche1.png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"pagePath": "pages/mine/mine",
|
||||||
|
"text":"我的",
|
||||||
|
"iconPath": "/images/wodedangxuan.png",
|
||||||
|
"selectedIconPath": "/images/wodedangxuan1.png"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
4
app/app.wxss
Normal file
4
app/app.wxss
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
page {
|
||||||
|
font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;
|
||||||
|
|
||||||
|
}
|
||||||
@ -1,145 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view>
|
|
||||||
<view class='Popup' v-if='isShowAuth'>
|
|
||||||
<image :src='logoUrl'></image>
|
|
||||||
<view class='title'>授权提醒</view>
|
|
||||||
<view class='tip'>请授权头像等信息，以便为您提供更好的服务</view>
|
|
||||||
<view class='bottom flex'>
|
|
||||||
<view class='item' @click='close'>随便逛逛</view>
|
|
||||||
<!-- #ifdef APP-PLUS -->
|
|
||||||
<button class='item grant' @click="setUserInfo">去授权</button>
|
|
||||||
<!-- #endif -->
|
|
||||||
<!-- #ifdef MP -->
|
|
||||||
<button class='item grant' type="primary" open-type="getUserInfo" lang="zh_CN" @getuserinfo="setUserInfo">去授权</button>
|
|
||||||
<!-- #endif -->
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class='mask' v-if='isShowAuth' @click='close'></view>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
const app = getApp();
|
|
||||||
import Cache from '../utils/cache';
|
|
||||||
import { getLogo } from '../api/public';
|
|
||||||
import { LOGO_URL } from '../config/cache';
|
|
||||||
import { mapGetters } from 'vuex';
|
|
||||||
import Routine from '../libs/routine';
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name:'Authorize',
|
|
||||||
props:{
|
|
||||||
isAuto:{
|
|
||||||
type:Boolean,
|
|
||||||
default:true
|
|
||||||
},
|
|
||||||
isGoIndex:{
|
|
||||||
type:Boolean,
|
|
||||||
default:true
|
|
||||||
},
|
|
||||||
isShowAuth:{
|
|
||||||
type:Boolean,
|
|
||||||
default:false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data(){
|
|
||||||
return {
|
|
||||||
logoUrl:''
|
|
||||||
}
|
|
||||||
},
|
|
||||||
computed:mapGetters(['isLogin','userInfo']),
|
|
||||||
watch:{
|
|
||||||
isLogin(n){
|
|
||||||
n === true && this.$emit('onLoadFun',this.userInfo);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
this.getLogoUrl();
|
|
||||||
this.setAuthStatus();
|
|
||||||
},
|
|
||||||
methods:{
|
|
||||||
setAuthStatus(){
|
|
||||||
Routine.authorize().then(res=>{
|
|
||||||
if(res.islogin === false)
|
|
||||||
this.setUserInfo();
|
|
||||||
else
|
|
||||||
this.$emit('onLoadFun',this.userInfo);
|
|
||||||
}).catch(res=>{
|
|
||||||
if (this.isAuto)
|
|
||||||
this.$emit('authColse',true);
|
|
||||||
})
|
|
||||||
},
|
|
||||||
getUserInfo(code){
|
|
||||||
Routine.getUserInfo().then(res=>{
|
|
||||||
let userInfo = res.userInfo
|
|
||||||
userInfo.code = code;
|
|
||||||
userInfo.spread_spid = app.globalData.spid;//获取推广人ID
|
|
||||||
userInfo.spread_code = app.globalData.code;//获取推广人分享二维码ID
|
|
||||||
userInfo.avatar = userInfo.userInfo.avatarUrl;
|
|
||||||
userInfo.city = userInfo.userInfo.city;
|
|
||||||
userInfo.country = userInfo.userInfo.country;
|
|
||||||
userInfo.nickName = userInfo.userInfo.nickName;
|
|
||||||
userInfo.province = userInfo.userInfo.province;
|
|
||||||
userInfo.sex = userInfo.userInfo.gender;
|
|
||||||
Routine.authUserInfo(code,userInfo).then(res=>{
|
|
||||||
uni.hideLoading();
|
|
||||||
this.$emit('authColse',false);
|
|
||||||
this.$emit('onLoadFun',this.userInfo);
|
|
||||||
}).catch(res=>{
|
|
||||||
uni.hideLoading();
|
|
||||||
uni.showToast({
|
|
||||||
title:res.message,
|
|
||||||
icon:'none',
|
|
||||||
duration:2000
|
|
||||||
});
|
|
||||||
})
|
|
||||||
}).catch(res =>{
|
|
||||||
uni.hideLoading();
|
|
||||||
})
|
|
||||||
},
|
|
||||||
setUserInfo(){
|
|
||||||
uni.showLoading({title:'正在登录中'});
|
|
||||||
Routine.getCode().then(code=>{
|
|
||||||
this.getUserInfo(code);
|
|
||||||
}).catch(res=>{
|
|
||||||
uni.hideLoading();
|
|
||||||
})
|
|
||||||
},
|
|
||||||
getLogoUrl(){
|
|
||||||
let that = this;
|
|
||||||
if (Cache.has(LOGO_URL)) {
|
|
||||||
this.logoUrl = Cache.get(LOGO_URL);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
getLogo().then(res=>{
|
|
||||||
that.logoUrl = res.data.logoUrl
|
|
||||||
Cache.set(LOGO_URL,that.logoUrl);
|
|
||||||
})
|
|
||||||
},
|
|
||||||
close(){
|
|
||||||
let pages = getCurrentPages(), currPage = pages[pages.length - 1];
|
|
||||||
if(this.isGoIndex){
|
|
||||||
uni.switchTab({url:'/pages/index/index'});
|
|
||||||
} else {
|
|
||||||
this.$emit('authColse',false);
|
|
||||||
}
|
|
||||||
// if (currPage && currPage.isShowAuth != undefined){
|
|
||||||
// currPage.isShowAuth = true;
|
|
||||||
// }
|
|
||||||
},
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang='scss'>
|
|
||||||
.Popup{width:500rpx;background-color:#fff;position:fixed;top:50%;left:50%;margin-left:-250rpx;transform:translateY(-50%);z-index:320;}
|
|
||||||
.Popup image{width:150rpx;height:150rpx;margin:-67rpx auto 0 auto;display:block;border: 8rpx solid #fff;border-radius: 50%}
|
|
||||||
.Popup .title{font-size:28rpx;color:#000;text-align:center;margin-top: 30rpx}
|
|
||||||
.Popup .tip{font-size:22rpx;color:#555;padding:0 24rpx;margin-top:25rpx;}
|
|
||||||
.Popup .bottom .item{width:50%;height:80rpx;background-color:#eeeeee;text-align:center;line-height:80rpx;font-size:24rpx;color:#666;margin-top:54rpx;}
|
|
||||||
.Popup .bottom .item.on{width: 100%}
|
|
||||||
.flex{display:flex;}
|
|
||||||
.Popup .bottom .item.grant{font-size:28rpx;color:#fff;font-weight:bold;background-color:$theme-color;border-radius:0;padding:0;}
|
|
||||||
.mask{position:fixed;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,0.65);z-index:310;}
|
|
||||||
|
|
||||||
</style>
|
|
||||||
@ -1,57 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view>
|
|
||||||
<view class="Loads acea-row row-center-wrapper" v-if="loading && !loaded" style="margin-top: .2rem;">
|
|
||||||
<view v-if="loading">
|
|
||||||
<view class="iconfont icon-jiazai loading acea-row row-center-wrapper"></view>
|
|
||||||
正在加载中
|
|
||||||
</view>
|
|
||||||
<view v-else>
|
|
||||||
上拉加载更多
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
name: "Loading",
|
|
||||||
props: {
|
|
||||||
loaded: {
|
|
||||||
type: Boolean,
|
|
||||||
default: false
|
|
||||||
},
|
|
||||||
loading: {
|
|
||||||
type: Boolean,
|
|
||||||
default: false
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style>
|
|
||||||
.Loads {
|
|
||||||
height: 80upx;
|
|
||||||
font-size: 25upx;
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
.Loads .iconfont {
|
|
||||||
font-size: 30upx;
|
|
||||||
margin-right: 10upx;
|
|
||||||
height: 32upx;
|
|
||||||
line-height: 32upx;
|
|
||||||
}
|
|
||||||
/*加载动画*/
|
|
||||||
@keyframes load {
|
|
||||||
from {
|
|
||||||
transform: rotate(0deg);
|
|
||||||
}
|
|
||||||
to {
|
|
||||||
transform: rotate(360deg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.loadingpic {
|
|
||||||
animation: load 3s linear 1s infinite;
|
|
||||||
}
|
|
||||||
.loading {
|
|
||||||
animation: load linear 1s infinite;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,173 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view>
|
|
||||||
<view class="priceChange" :class="change === true ? 'on' : ''">
|
|
||||||
<view class="priceTitle">
|
|
||||||
{{
|
|
||||||
status == 0
|
|
||||||
? orderInfo.refund_status === 1
|
|
||||||
? "立即退款"
|
|
||||||
: "一键改价"
|
|
||||||
: "订单备注"
|
|
||||||
}}
|
|
||||||
<span class="iconfont icon-guanbi" @click="close"></span>
|
|
||||||
</view>
|
|
||||||
<view class="listChange" v-if="status == 0">
|
|
||||||
<view
|
|
||||||
class="item acea-row row-between-wrapper"
|
|
||||||
v-if="orderInfo.refund_status === 0"
|
|
||||||
>
|
|
||||||
<view>商品总价(¥)</view>
|
|
||||||
<view class="money">
|
|
||||||
{{ orderInfo.total_price }}<span class="iconfont icon-suozi"></span>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view
|
|
||||||
class="item acea-row row-between-wrapper"
|
|
||||||
v-if="orderInfo.refund_status === 0"
|
|
||||||
>
|
|
||||||
<view>原始邮费(¥)</view>
|
|
||||||
<view class="money">
|
|
||||||
{{ orderInfo.pay_postage }}<span class="iconfont icon-suozi"></span>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view
|
|
||||||
class="item acea-row row-between-wrapper"
|
|
||||||
v-if="orderInfo.refund_status === 0"
|
|
||||||
>
|
|
||||||
<view>实际支付(¥)</view>
|
|
||||||
<view class="money">
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
v-model="price"
|
|
||||||
:class="focus === true ? 'on' : ''"
|
|
||||||
@focus="priceChange"
|
|
||||||
/>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view
|
|
||||||
class="item acea-row row-between-wrapper"
|
|
||||||
v-if="orderInfo.refund_status === 1"
|
|
||||||
>
|
|
||||||
<view>实际支付(¥)</view>
|
|
||||||
<view class="money">
|
|
||||||
{{ orderInfo.pay_price }}<span class="iconfont icon-suozi"></span>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view
|
|
||||||
class="item acea-row row-between-wrapper"
|
|
||||||
v-if="orderInfo.refund_status === 1"
|
|
||||||
>
|
|
||||||
<view>退款金额(¥)</view>
|
|
||||||
<view class="money">
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
v-model="refund_price"
|
|
||||||
:class="focus === true ? 'on' : ''"
|
|
||||||
@focus="priceChange"
|
|
||||||
/>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="listChange" v-else>
|
|
||||||
<textarea
|
|
||||||
:placeholder="
|
|
||||||
orderInfo.remark ? orderInfo.remark : '请填写备注信息...'
|
|
||||||
"
|
|
||||||
v-model="remark"
|
|
||||||
></textarea>
|
|
||||||
</view>
|
|
||||||
<view class="modify" @click="save">
|
|
||||||
{{
|
|
||||||
status === 1 || orderInfo.refund_status == 0 ? "立即修改" : "确认退款"
|
|
||||||
}}
|
|
||||||
</view>
|
|
||||||
<view
|
|
||||||
class="modify1"
|
|
||||||
@click="refuse"
|
|
||||||
v-if="orderInfo.refund_status == 1 && status == 0"
|
|
||||||
>
|
|
||||||
拒绝退款
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="mask" @touchmove.prevent v-show="change === true"></view>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
<style>
|
|
||||||
.priceChange{position:fixed;width:580upx;height:670upx;background-color:#fff;border-radius:10upx;top:50%;left:50%;margin-left:-290upx;margin-top:-335upx;z-index:666;transition:all 0.3s ease-in-out 0s;transform: scale(0);opacity:0;}
|
|
||||||
.priceChange.on{opacity:1;transform: scale(1);}
|
|
||||||
.priceChange .priceTitle{background:url("~@/static/images/pricetitle.jpg") no-repeat;background-size:100% 100%;width:100%;height:160upx;border-radius:10upx 10upx 0 0;text-align:center;font-size:40upx;color:#fff;line-height:160upx;position:relative;}
|
|
||||||
.priceChange .priceTitle .iconfont{position:absolute;font-size:40upx;right:26upx;top:23upx;width:40upx;height:40upx;line-height:40upx;}
|
|
||||||
.priceChange .listChange{padding:0 40upx;}
|
|
||||||
.priceChange .listChange textarea{box-sizing: border-box;}
|
|
||||||
.priceChange .listChange .item{height:103upx;border-bottom:1px solid #e3e3e3;font-size:32upx;color:#333;}
|
|
||||||
.priceChange .listChange .item .money{color:#666;width:300upx;text-align:right;}
|
|
||||||
.priceChange .listChange .item .money .iconfont{font-size:32upx;margin-left:20upx;}
|
|
||||||
.priceChange .listChange .item .money input{width:100%;height:100%;text-align:right;color:#ccc;}
|
|
||||||
.priceChange .listChange .item .money input.on{color:#666;}
|
|
||||||
.priceChange .modify{font-size:32upx;color:#fff;width:490upx;height:90upx;text-align:center;line-height:90upx;border-radius:45upx;background-color:#2291f8;margin:53upx auto 0 auto;}
|
|
||||||
.priceChange .modify1{font-size:32upx;color:#312b2b;width:490upx;height:90upx;text-align:center;line-height:90upx;border-radius:45upx;background-color:#eee;margin:30upx auto 0 auto;}
|
|
||||||
.priceChange .listChange textarea {
|
|
||||||
border: 1px solid #eee;
|
|
||||||
width: 100%;
|
|
||||||
height: 200upx;
|
|
||||||
margin-top: 50upx;
|
|
||||||
border-radius: 10upx;
|
|
||||||
color: #333;
|
|
||||||
padding: 20upx;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
name: "PriceChange",
|
|
||||||
components: {},
|
|
||||||
props: {
|
|
||||||
change: Boolean,
|
|
||||||
orderInfo: Object,
|
|
||||||
status: String
|
|
||||||
},
|
|
||||||
data: function() {
|
|
||||||
return {
|
|
||||||
focus: false,
|
|
||||||
price: 0,
|
|
||||||
refund_price: 0,
|
|
||||||
remark: ""
|
|
||||||
};
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
orderInfo: function(nVal) {
|
|
||||||
this.price = this.orderInfo.pay_price;
|
|
||||||
this.refund_price = this.orderInfo.pay_price;
|
|
||||||
this.remark = "";
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted: function() {
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
priceChange: function() {
|
|
||||||
this.focus = true;
|
|
||||||
},
|
|
||||||
close: function() {
|
|
||||||
this.price = this.orderInfo.pay_price;
|
|
||||||
this.$emit("closechange", false);
|
|
||||||
},
|
|
||||||
save: function() {
|
|
||||||
let that = this;
|
|
||||||
that.$emit("savePrice", {
|
|
||||||
price: that.price,
|
|
||||||
refund_price: that.refund_price,
|
|
||||||
type: 1,
|
|
||||||
remark: that.remark
|
|
||||||
});
|
|
||||||
},
|
|
||||||
refuse: function() {
|
|
||||||
let that = this;
|
|
||||||
that.$emit("savePrice", {
|
|
||||||
price: that.price,
|
|
||||||
refund_price: that.refund_price,
|
|
||||||
type: 2,
|
|
||||||
remark: that.remark
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
@ -1,185 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view>
|
|
||||||
<view class="address-window" :class="address.address==true?'on':''">
|
|
||||||
<view class='title'>选择地址<text class='iconfont icon-guanbi' @tap='close'></text></view>
|
|
||||||
<view class='list'>
|
|
||||||
<view class='item acea-row row-between-wrapper' :class='active==index?"font-color":""' v-for="(item,index) in addressList"
|
|
||||||
@tap='tapAddress(index,item.id)' :key='index'>
|
|
||||||
<text class='iconfont icon-ditu' :class='active==index?"font-color":""'></text>
|
|
||||||
<view class='address'>
|
|
||||||
<view class='name' :class='active==index?"font-color":""'>{{item.real_name}}<text class='phone'>{{item.phone}}</text></view>
|
|
||||||
<view class='line1'>{{item.province}}{{item.city}}{{item.district}}{{item.detail}}</view>
|
|
||||||
</view>
|
|
||||||
<text class='iconfont icon-complete' :class='active==index?"font-color":""'></text>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<!-- 无地址 -->
|
|
||||||
<view class='pictrue' v-if="!is_loading && !addressList.length">
|
|
||||||
<image src='../../static/images/noAddress.png'></image>
|
|
||||||
</view>
|
|
||||||
<view class='addressBnt bg-color' @tap='goAddressPages'>选择其地址</view>
|
|
||||||
</view>
|
|
||||||
<view class='mask' catchtouchmove="true" :hidden='address.address==false' @tap='close'></view>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import {
|
|
||||||
getAddressList
|
|
||||||
} from '@/api/user.js';
|
|
||||||
export default {
|
|
||||||
props: {
|
|
||||||
pagesUrl: {
|
|
||||||
type: String,
|
|
||||||
default: '',
|
|
||||||
},
|
|
||||||
address: {
|
|
||||||
type: Object,
|
|
||||||
default: function() {
|
|
||||||
return {
|
|
||||||
address: true,
|
|
||||||
addressId: 0,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
},
|
|
||||||
isLog: {
|
|
||||||
type: Boolean,
|
|
||||||
default: false,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
active: 0,
|
|
||||||
//地址列表
|
|
||||||
addressList: [],
|
|
||||||
is_loading: true
|
|
||||||
};
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
|
||||||
tapAddress: function(e, addressid) {
|
|
||||||
this.active = e;
|
|
||||||
this.$emit('OnChangeAddress', addressid);
|
|
||||||
},
|
|
||||||
close: function() {
|
|
||||||
this.$emit('changeClose');
|
|
||||||
this.$emit('changeTextareaStatus');
|
|
||||||
},
|
|
||||||
goAddressPages: function() {
|
|
||||||
this.$emit('changeClose');
|
|
||||||
this.$emit('changeTextareaStatus');
|
|
||||||
uni.navigateTo({
|
|
||||||
url: this.pagesUrl
|
|
||||||
});
|
|
||||||
|
|
||||||
},
|
|
||||||
getAddressList: function() {
|
|
||||||
let that = this;
|
|
||||||
getAddressList({
|
|
||||||
page: 1,
|
|
||||||
limit: 5
|
|
||||||
}).then(res => {
|
|
||||||
let addressList = res.data;
|
|
||||||
//处理默认选中项
|
|
||||||
for (let i = 0, leng = addressList.length; i < leng; i++) {
|
|
||||||
if (addressList[i].id == that.address.addressId) {
|
|
||||||
that.active = i;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
that.$set(that, 'addressList', addressList);
|
|
||||||
that.is_loading = false;
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.address-window {
|
|
||||||
background-color: #fff;
|
|
||||||
position: fixed;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
z-index: 101;
|
|
||||||
transform: translate3d(0, 100%, 0);
|
|
||||||
transition: all .3s cubic-bezier(.25, .5, .5, .9);
|
|
||||||
}
|
|
||||||
|
|
||||||
.address-window.on {
|
|
||||||
transform: translate3d(0, 0, 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.address-window .title {
|
|
||||||
font-size: 32rpx;
|
|
||||||
font-weight: bold;
|
|
||||||
text-align: center;
|
|
||||||
height: 123rpx;
|
|
||||||
line-height: 123rpx;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.address-window .title .iconfont {
|
|
||||||
position: absolute;
|
|
||||||
right: 30rpx;
|
|
||||||
color: #8a8a8a;
|
|
||||||
font-size: 35rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.address-window .list .item {
|
|
||||||
margin-left: 30rpx;
|
|
||||||
padding-right: 30rpx;
|
|
||||||
border-bottom: 1px solid #eee;
|
|
||||||
height: 129rpx;
|
|
||||||
font-size: 25rpx;
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
|
|
||||||
.address-window .list .item .iconfont {
|
|
||||||
font-size: 37rpx;
|
|
||||||
color: #2c2c2c;
|
|
||||||
}
|
|
||||||
|
|
||||||
.address-window .list .item .iconfont.icon-complete {
|
|
||||||
font-size: 30rpx;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.address-window .list .item .address {
|
|
||||||
width: 560rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.address-window .list .item .address .name {
|
|
||||||
font-size: 28rpx;
|
|
||||||
font-weight: bold;
|
|
||||||
color: #282828;
|
|
||||||
margin-bottom: 4rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.address-window .list .item .address .name .phone {
|
|
||||||
margin-left: 18rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.address-window .addressBnt {
|
|
||||||
font-size: 30rpx;
|
|
||||||
font-weight: bold;
|
|
||||||
color: #fff;
|
|
||||||
width: 690rpx;
|
|
||||||
height: 86rpx;
|
|
||||||
border-radius: 43rpx;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 86rpx;
|
|
||||||
margin: 85rpx auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.address-window .pictrue {
|
|
||||||
width: 414rpx;
|
|
||||||
height: 336rpx;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.address-window .pictrue image {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,193 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view>
|
|
||||||
<view class="address-window" :class="address.address==true?'on':''">
|
|
||||||
<view class='title'>选择地址<text class='iconfont icon-guanbi' @tap='close'></text></view>
|
|
||||||
<view class='list'>
|
|
||||||
<view class='item acea-row row-between-wrapper' :class='active==index?"font-color":""' v-for="(item,index) in addressList"
|
|
||||||
@tap='tapAddress(index,item.id)' :key='index'>
|
|
||||||
<text class='iconfont icon-ditu' :class='active==index?"font-color":""'></text>
|
|
||||||
<view class='address'>
|
|
||||||
<view class='name' :class='active==index?"font-color":""'>{{item.realName}}<text class='phone'>{{item.phone}}</text></view>
|
|
||||||
<view class='line1'>{{item.province}}{{item.city}}{{item.district}}{{item.detail}}</view>
|
|
||||||
</view>
|
|
||||||
<text class='iconfont icon-complete' :class='active==index?"font-color":""'></text>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<!-- 无地址 -->
|
|
||||||
<view class='pictrue' v-if="!is_loading && !addressList.length">
|
|
||||||
<image src='../../static/images/noAddress.png'></image>
|
|
||||||
</view>
|
|
||||||
<view class='addressBnt bg-color' @tap='goAddressPages'>选择其地址</view>
|
|
||||||
</view>
|
|
||||||
<view class='mask' catchtouchmove="true" :hidden='address.address==false' @tap='close'></view>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import {
|
|
||||||
getAddressList
|
|
||||||
} from '@/api/user.js';
|
|
||||||
export default {
|
|
||||||
props: {
|
|
||||||
pagesUrl: {
|
|
||||||
type: String,
|
|
||||||
default: '',
|
|
||||||
},
|
|
||||||
address: {
|
|
||||||
type: Object,
|
|
||||||
default: function() {
|
|
||||||
return {
|
|
||||||
address: true,
|
|
||||||
addressId: 0,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
},
|
|
||||||
isLog: {
|
|
||||||
type: Boolean,
|
|
||||||
default: false,
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
active: 0,
|
|
||||||
is_loading: true,
|
|
||||||
addressList: []
|
|
||||||
};
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
|
||||||
tapAddress: function(e, addressid) {
|
|
||||||
this.active = e;
|
|
||||||
let a = {};
|
|
||||||
for (let i = 0, leng = this.addressList.length; i < leng; i++) {
|
|
||||||
if (this.addressList[i].id == addressid) {
|
|
||||||
a = this.addressList[i];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
this.$emit('OnChangeAddress', a);
|
|
||||||
},
|
|
||||||
close: function() {
|
|
||||||
this.$emit('changeClose');
|
|
||||||
this.$emit('changeTextareaStatus');
|
|
||||||
},
|
|
||||||
goAddressPages: function() {
|
|
||||||
this.$emit('changeClose');
|
|
||||||
this.$emit('changeTextareaStatus');
|
|
||||||
uni.navigateTo({
|
|
||||||
url: this.pagesUrl
|
|
||||||
});
|
|
||||||
},
|
|
||||||
getAddressList: function() {
|
|
||||||
let that = this;
|
|
||||||
getAddressList({
|
|
||||||
page: 1,
|
|
||||||
limit: 5
|
|
||||||
}).then(res => {
|
|
||||||
let addressList = res.data.list;
|
|
||||||
that.$set(that, 'addressList', addressList);
|
|
||||||
that.is_loading = false;
|
|
||||||
let defaultAddress = {};
|
|
||||||
//处理默认选中项
|
|
||||||
if(!that.address.addressId) return;
|
|
||||||
for (let i = 0, leng = addressList.length; i < leng; i++) {
|
|
||||||
if (addressList[i].id == that.address.addressId) {
|
|
||||||
that.active = i;
|
|
||||||
defaultAddress = this.addressList[i];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
this.$emit('OnDefaultAddress', defaultAddress);
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.address-window {
|
|
||||||
background-color: #fff;
|
|
||||||
position: fixed;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
z-index: 101;
|
|
||||||
transform: translate3d(0, 100%, 0);
|
|
||||||
transition: all .3s cubic-bezier(.25, .5, .5, .9);
|
|
||||||
}
|
|
||||||
|
|
||||||
.address-window.on {
|
|
||||||
transform: translate3d(0, 0, 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.address-window .title {
|
|
||||||
font-size: 32rpx;
|
|
||||||
font-weight: bold;
|
|
||||||
text-align: center;
|
|
||||||
height: 123rpx;
|
|
||||||
line-height: 123rpx;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.address-window .title .iconfont {
|
|
||||||
position: absolute;
|
|
||||||
right: 30rpx;
|
|
||||||
color: #8a8a8a;
|
|
||||||
font-size: 35rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.address-window .list .item {
|
|
||||||
margin-left: 30rpx;
|
|
||||||
padding-right: 30rpx;
|
|
||||||
border-bottom: 1px solid #eee;
|
|
||||||
height: 129rpx;
|
|
||||||
font-size: 25rpx;
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
|
|
||||||
.address-window .list .item .iconfont {
|
|
||||||
font-size: 37rpx;
|
|
||||||
color: #2c2c2c;
|
|
||||||
}
|
|
||||||
|
|
||||||
.address-window .list .item .iconfont.icon-complete {
|
|
||||||
font-size: 30rpx;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.address-window .list .item .address {
|
|
||||||
width: 560rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.address-window .list .item .address .name {
|
|
||||||
font-size: 28rpx;
|
|
||||||
font-weight: bold;
|
|
||||||
color: #282828;
|
|
||||||
margin-bottom: 4rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.address-window .list .item .address .name .phone {
|
|
||||||
margin-left: 18rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.address-window .addressBnt {
|
|
||||||
font-size: 30rpx;
|
|
||||||
font-weight: bold;
|
|
||||||
color: #fff;
|
|
||||||
width: 690rpx;
|
|
||||||
height: 86rpx;
|
|
||||||
border-radius: 43rpx;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 86rpx;
|
|
||||||
margin: 85rpx auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.address-window .pictrue {
|
|
||||||
width: 414rpx;
|
|
||||||
height: 336rpx;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.address-window .pictrue image {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,162 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view class="time" :style="justifyLeft">
|
|
||||||
<text class="" v-if="tipText">{{ tipText }}</text>
|
|
||||||
<text class="styleAll p6" v-if="isDay === true" :style="{background:bgColor.bgColor,color:bgColor.Color}">{{ day }}{{bgColor.isDay?'天':''}}</text>
|
|
||||||
<text class="timeTxt" v-if="dayText" :style="{width:bgColor.timeTxtwidth,color:bgColor.bgColor}">{{ dayText }}</text>
|
|
||||||
<text class="styleAll" :class='isCol?"timeCol":""' :style="{background:bgColor.bgColor,color:bgColor.Color,width:bgColor.width}">{{ hour }}</text>
|
|
||||||
<text class="timeTxt" v-if="hourText" :class='isCol?"whit":""' :style="{width:bgColor.timeTxtwidth,color:bgColor.bgColor}">{{ hourText }}</text>
|
|
||||||
<text class="styleAll" :class='isCol?"timeCol":""' :style="{background:bgColor.bgColor,color:bgColor.Color,width:bgColor.width}">{{ minute }}</text>
|
|
||||||
<text class="timeTxt" v-if="minuteText" :class='isCol?"whit":""' :style="{width:bgColor.timeTxtwidth,color:bgColor.bgColor}">{{ minuteText }}</text>
|
|
||||||
<text class="styleAll" :class='isCol?"timeCol":""' :style="{background:bgColor.bgColor,color:bgColor.Color,width:bgColor.width}">{{ second }}</text>
|
|
||||||
<text class="timeTxt" v-if="secondText">{{ secondText }}</text>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
name: "countDown",
|
|
||||||
props: {
|
|
||||||
justifyLeft: {
|
|
||||||
type: String,
|
|
||||||
default: ""
|
|
||||||
},
|
|
||||||
//距离开始提示文字
|
|
||||||
tipText: {
|
|
||||||
type: String,
|
|
||||||
default: "倒计时"
|
|
||||||
},
|
|
||||||
dayText: {
|
|
||||||
type: String,
|
|
||||||
default: "天"
|
|
||||||
},
|
|
||||||
hourText: {
|
|
||||||
type: String,
|
|
||||||
default: "时"
|
|
||||||
},
|
|
||||||
minuteText: {
|
|
||||||
type: String,
|
|
||||||
default: "分"
|
|
||||||
},
|
|
||||||
secondText: {
|
|
||||||
type: String,
|
|
||||||
default: "秒"
|
|
||||||
},
|
|
||||||
datatime: {
|
|
||||||
type: Number,
|
|
||||||
default: 0
|
|
||||||
},
|
|
||||||
isDay: {
|
|
||||||
type: Boolean,
|
|
||||||
default: true
|
|
||||||
},
|
|
||||||
isCol: {
|
|
||||||
type: Boolean,
|
|
||||||
default: false
|
|
||||||
},
|
|
||||||
bgColor: {
|
|
||||||
type: Object,
|
|
||||||
default: null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data: function() {
|
|
||||||
return {
|
|
||||||
day: "00",
|
|
||||||
hour: "00",
|
|
||||||
minute: "00",
|
|
||||||
second: "00"
|
|
||||||
};
|
|
||||||
},
|
|
||||||
created: function() {
|
|
||||||
this.show_time();
|
|
||||||
},
|
|
||||||
mounted: function() {},
|
|
||||||
methods: {
|
|
||||||
show_time: function() {
|
|
||||||
let that = this;
|
|
||||||
|
|
||||||
function runTime() {
|
|
||||||
//时间函数
|
|
||||||
let intDiff = that.datatime - Date.parse(new Date()) / 1000; //获取数据中的时间戳的时间差；
|
|
||||||
let day = 0,
|
|
||||||
hour = 0,
|
|
||||||
minute = 0,
|
|
||||||
second = 0;
|
|
||||||
if (intDiff > 0) {
|
|
||||||
//转换时间
|
|
||||||
if (that.isDay === true) {
|
|
||||||
day = Math.floor(intDiff / (60 * 60 * 24));
|
|
||||||
} else {
|
|
||||||
day = 0;
|
|
||||||
}
|
|
||||||
hour = Math.floor(intDiff / (60 * 60)) - day * 24;
|
|
||||||
minute = Math.floor(intDiff / 60) - day * 24 * 60 - hour * 60;
|
|
||||||
second =
|
|
||||||
Math.floor(intDiff) -
|
|
||||||
day * 24 * 60 * 60 -
|
|
||||||
hour * 60 * 60 -
|
|
||||||
minute * 60;
|
|
||||||
if (hour <= 9) hour = "0" + hour;
|
|
||||||
if (minute <= 9) minute = "0" + minute;
|
|
||||||
if (second <= 9) second = "0" + second;
|
|
||||||
that.day = day;
|
|
||||||
that.hour = hour;
|
|
||||||
that.minute = minute;
|
|
||||||
that.second = second;
|
|
||||||
} else {
|
|
||||||
that.day = "00";
|
|
||||||
that.hour = "00";
|
|
||||||
that.minute = "00";
|
|
||||||
that.second = "00";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
runTime();
|
|
||||||
setInterval(runTime, 1000);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.p6{
|
|
||||||
padding: 0 8rpx;
|
|
||||||
}
|
|
||||||
.styleAll{
|
|
||||||
/* color: #fff; */
|
|
||||||
font-size: 24rpx;
|
|
||||||
height: 36rpx;
|
|
||||||
line-height: 36rpx;
|
|
||||||
border-radius: 6rpx;
|
|
||||||
text-align: center;
|
|
||||||
/* padding: 0 6rpx; */
|
|
||||||
}
|
|
||||||
.timeTxt{
|
|
||||||
text-align: center;
|
|
||||||
/* width: 16rpx; */
|
|
||||||
height: 36rpx;
|
|
||||||
line-height: 36rpx;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
.whit{
|
|
||||||
color: #fff !important;
|
|
||||||
}
|
|
||||||
.time {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.red {
|
|
||||||
color: #fc4141;
|
|
||||||
margin: 0 4rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.timeCol {
|
|
||||||
/* width: 40rpx;
|
|
||||||
height: 40rpx;
|
|
||||||
line-height: 40rpx;
|
|
||||||
text-align:center;
|
|
||||||
border-radius: 6px;
|
|
||||||
background: #fff;
|
|
||||||
font-size: 24rpx; */
|
|
||||||
color: #E93323;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,235 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view>
|
|
||||||
<view class='coupon-list-window' :class='coupon.coupon==true?"on":""'>
|
|
||||||
<view v-if="!orderShow" class="nav acea-row row-around">
|
|
||||||
<view :class="['acea-row', 'row-middle', type === 1 ? 'on' : '']" @click="setType(1)">通用券</view>
|
|
||||||
<view :class="['acea-row', 'row-middle', type === 2 ? 'on' : '']" @click="setType(2)">商品券</view>
|
|
||||||
<view :class="['acea-row', 'row-middle', type === 3 ? 'on' : '']" @click="setType(3)">品类券</view>
|
|
||||||
</view>
|
|
||||||
<!-- <view class="occupy" v-if="!orderShow"></view> -->
|
|
||||||
<!-- <view class='title'>优惠券<text class='iconfont icon-guanbi' @click='close'></text></view> -->
|
|
||||||
<view class='coupon-list' :style="{'margin-top':!orderShow?'0':'50rpx'}">
|
|
||||||
<block v-if="coupon.list.length">
|
|
||||||
<!-- <view class='item acea-row row-center-wrapper' v-for="(item,index) in coupon.list" :key='index'> -->
|
|
||||||
<view class='item acea-row row-center-wrapper' v-for="(item,index) in coupon.list"
|
|
||||||
@click="getCouponUser(index,item.id)" :key='index'>
|
|
||||||
<view class='money acea-row row-column row-center-wrapper' :class='item.isUse?"moneyGray":""'>
|
|
||||||
<view>￥<text class='num'>{{item.money?Number(item.money):''}}</text></view>
|
|
||||||
<view class="pic-num">满{{item.minPrice}}元可用</view>
|
|
||||||
</view>
|
|
||||||
<view class='text'>
|
|
||||||
<view class='condition line2'>
|
|
||||||
<span class='line-title' :class='item.isUse?"gray":""' v-if='item.useType===1'>通用</span>
|
|
||||||
<span class='line-title' :class='item.isUse?"gray":""'
|
|
||||||
v-else-if='item.useType===3'>品类</span>
|
|
||||||
<span class='line-title' :class='item.isUse?"gray":""' v-else>商品</span>
|
|
||||||
<span>{{item.name}}</span>
|
|
||||||
</view>
|
|
||||||
<view class='data acea-row row-between-wrapper'>
|
|
||||||
<view v-if="item.day>0">领取后{{item.day}}天内可用</view>
|
|
||||||
<view v-else>
|
|
||||||
{{ item.useStartTimeStr&& item.useEndTimeStr ? item.useStartTimeStr + " - " + item.useEndTimeStr : ""}}
|
|
||||||
</view>
|
|
||||||
<view class='bnt gray' v-if="item.isUse">{{item.use_title || '已领取'}}</view>
|
|
||||||
<view class='bnt bg-color' v-else>{{coupon.statusTile || '立即领取'}}</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</block>
|
|
||||||
<!-- 无优惠券 -->
|
|
||||||
<view class='pictrue' v-else>
|
|
||||||
<image src='../../static/images/noCoupon.png'></image>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
</view>
|
|
||||||
<view class='mask' catchtouchmove="true" :hidden='coupon.coupon==false' @click='close'></view>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import {
|
|
||||||
setCouponReceive
|
|
||||||
} from '@/api/api.js';
|
|
||||||
export default {
|
|
||||||
props: {
|
|
||||||
//打开状态 0=领取优惠券,1=使用优惠券
|
|
||||||
openType: {
|
|
||||||
type: Number,
|
|
||||||
default: 0,
|
|
||||||
},
|
|
||||||
coupon: {
|
|
||||||
type: Object,
|
|
||||||
default: function() {
|
|
||||||
return {};
|
|
||||||
}
|
|
||||||
},
|
|
||||||
//下单页面使用优惠券组件不展示tab切换页
|
|
||||||
orderShow: {
|
|
||||||
type: String,
|
|
||||||
default: function() {
|
|
||||||
return '';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
type: 1
|
|
||||||
};
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
|
||||||
close: function() {
|
|
||||||
this.type = 1
|
|
||||||
this.$emit('ChangCouponsClone');
|
|
||||||
},
|
|
||||||
getCouponUser: function(index, id) {
|
|
||||||
let that = this;
|
|
||||||
let list = that.coupon.list;
|
|
||||||
if (list[index].isUse == true && this.openType == 0) return true;
|
|
||||||
switch (this.openType) {
|
|
||||||
case 0:
|
|
||||||
//领取优惠券
|
|
||||||
let ids = [];
|
|
||||||
ids.push(id);
|
|
||||||
setCouponReceive(id).then(res => {
|
|
||||||
that.$emit('ChangCouponsUseState', index);
|
|
||||||
that.$util.Tips({
|
|
||||||
title: "领取成功"
|
|
||||||
});
|
|
||||||
that.$emit('ChangCoupons', list[index]);
|
|
||||||
})
|
|
||||||
break;
|
|
||||||
case 1:
|
|
||||||
that.$emit('ChangCoupons', index);
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
setType: function(type) {
|
|
||||||
this.type = type;
|
|
||||||
this.$emit('tabCouponType', type);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.coupon-list-window {
|
|
||||||
position: fixed;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
background-color: #f5f5f5;
|
|
||||||
border-radius: 16rpx 16rpx 0 0;
|
|
||||||
z-index: 555;
|
|
||||||
transform: translate3d(0, 100%, 0);
|
|
||||||
transition: all .3s cubic-bezier(.25, .5, .5, .9);
|
|
||||||
}
|
|
||||||
|
|
||||||
.coupon-list-window.on {
|
|
||||||
transform: translate3d(0, 0, 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.coupon-list-window .title {
|
|
||||||
height: 124rpx;
|
|
||||||
width: 100%;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 124rpx;
|
|
||||||
font-size: 32rpx;
|
|
||||||
font-weight: bold;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.coupon-list-window .title .iconfont {
|
|
||||||
position: absolute;
|
|
||||||
right: 30rpx;
|
|
||||||
top: 50%;
|
|
||||||
transform: translateY(-50%);
|
|
||||||
font-size: 35rpx;
|
|
||||||
color: #8a8a8a;
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.coupon-list-window .coupon-list {
|
|
||||||
margin: 0 0 30rpx 0;
|
|
||||||
height: 823rpx;
|
|
||||||
overflow: auto;
|
|
||||||
padding-top: 30rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.coupon-list-window .pictrue {
|
|
||||||
width: 414rpx;
|
|
||||||
height: 336rpx;
|
|
||||||
margin: 208rpx auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.coupon-list-window .pictrue image {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pic-num {
|
|
||||||
color: #fff;
|
|
||||||
font-size: 24rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.line-title {
|
|
||||||
width: 90rpx;
|
|
||||||
padding: 0 10rpx;
|
|
||||||
box-sizing: border-box;
|
|
||||||
background: rgba(255, 247, 247, 1);
|
|
||||||
border: 1px solid rgba(232, 51, 35, 1);
|
|
||||||
opacity: 1;
|
|
||||||
border-radius: 20rpx;
|
|
||||||
font-size: 20rpx;
|
|
||||||
color: #E83323;
|
|
||||||
margin-right: 12rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.line-title.gray {
|
|
||||||
border-color: #BBB;
|
|
||||||
color: #bbb;
|
|
||||||
background-color: #F5F5F5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav {
|
|
||||||
// position: absolute;
|
|
||||||
// top: 0;
|
|
||||||
// left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 96rpx;
|
|
||||||
border-bottom: 2rpx solid #F5F5F5;
|
|
||||||
border-top-left-radius: 16rpx;
|
|
||||||
border-top-right-radius: 16rpx;
|
|
||||||
background-color: #FFFFFF;
|
|
||||||
font-size: 30rpx;
|
|
||||||
color: #999999;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav .acea-row {
|
|
||||||
border-top: 5rpx solid transparent;
|
|
||||||
border-bottom: 5rpx solid transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav .acea-row.on {
|
|
||||||
border-bottom-color: #E93323;
|
|
||||||
color: #282828;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav .acea-row:only-child {
|
|
||||||
border-bottom-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.occupy {
|
|
||||||
height: 106rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.coupon-list .item {
|
|
||||||
margin-bottom: 20rpx;
|
|
||||||
box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.06);
|
|
||||||
}
|
|
||||||
|
|
||||||
.coupon-list .item .money {
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
File diff suppressed because one or more lines are too long
@ -1,260 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view>
|
|
||||||
<view class="upload">
|
|
||||||
<block v-for="(upload,index) in uploads" :key="index">
|
|
||||||
<view class="uplode-file">
|
|
||||||
<image v-if="types == 'image'" class="uploade-img" :src="upload" :data-src="upload" @tap="previewImage"></image>
|
|
||||||
<image v-if="types == 'image'" class="clear-one-icon" :src="clearIcon" @tap="delImage(index)"></image>
|
|
||||||
<video v-if="types == 'video'" class="uploade-img" :src="upload" controls>
|
|
||||||
<cover-image v-if="types == 'video'" class="clear-one-icon" :src="clearIcon" @tap="delImage(index)"></cover-image>
|
|
||||||
</video>
|
|
||||||
</view>
|
|
||||||
</block>
|
|
||||||
<view class="uploader-input-box" v-if="uploads.length < uploadCount">
|
|
||||||
<view class="uploader-input" @tap="chooseUploads"></view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<button type="primary" v-if="types == 'image'" @tap="upload">上传</button>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default{
|
|
||||||
props: {
|
|
||||||
types: {
|
|
||||||
type: String,
|
|
||||||
default: 'image'
|
|
||||||
},
|
|
||||||
dataList: {
|
|
||||||
type: Array,
|
|
||||||
default: function() {
|
|
||||||
return []
|
|
||||||
}
|
|
||||||
},
|
|
||||||
clearIcon: {
|
|
||||||
type: String,
|
|
||||||
default: 'http://img1.imgtn.bdimg.com/it/u=451604666,2295832001&fm=26&gp=0.jpg'
|
|
||||||
},
|
|
||||||
uploadUrl: {
|
|
||||||
type: String,
|
|
||||||
default: ''
|
|
||||||
},
|
|
||||||
deleteUrl: {
|
|
||||||
type: String,
|
|
||||||
default: ''
|
|
||||||
},
|
|
||||||
uploadCount: {
|
|
||||||
type: Number,
|
|
||||||
default: 1
|
|
||||||
},
|
|
||||||
//上传图片大小 默认3M
|
|
||||||
upload_max: {
|
|
||||||
type: Number,
|
|
||||||
default: 3
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data(){
|
|
||||||
return {
|
|
||||||
//上传的图片地址
|
|
||||||
uploadImages: [],
|
|
||||||
//展示的图片地址
|
|
||||||
uploads: [],
|
|
||||||
// 超出限制数组
|
|
||||||
exceeded_list: [],
|
|
||||||
}
|
|
||||||
},
|
|
||||||
watch:{
|
|
||||||
dataList() {
|
|
||||||
this.uploads = this.dataList
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods:{
|
|
||||||
previewImage (e) {
|
|
||||||
var current = e.target.dataset.src
|
|
||||||
uni.previewImage({
|
|
||||||
current: current,
|
|
||||||
urls: this.dataList
|
|
||||||
})
|
|
||||||
},
|
|
||||||
chooseUploads(){
|
|
||||||
switch (this.types){
|
|
||||||
case 'image':
|
|
||||||
uni.chooseImage({
|
|
||||||
count: this.uploadCount - this.uploads.length, //默认9
|
|
||||||
sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
|
|
||||||
sourceType: ['album', 'camera'], //从相册选择
|
|
||||||
success: (res) => {
|
|
||||||
for(let i = 0; i< res.tempFiles.length; i++){
|
|
||||||
if(Math.ceil(res.tempFiles[i].size / 1024) < this.upload_max * 1024){
|
|
||||||
this.uploads.push(res.tempFiles[i].path)
|
|
||||||
this.uploadImages.push(res.tempFiles[i].path)
|
|
||||||
}else {
|
|
||||||
this.exceeded_list.push(i === 0 ? 1 : i + 1);
|
|
||||||
uni.showModal({
|
|
||||||
title: '提示',
|
|
||||||
content: `第${[...new Set(this.exceeded_list)].join(',')}张图片超出限制${this.upload_max}MB,已过滤`
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
fail: (err) => {
|
|
||||||
uni.showModal({
|
|
||||||
content: JSON.stringify(err)
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
break;
|
|
||||||
case 'video' :
|
|
||||||
uni.chooseVideo({
|
|
||||||
sourceType: ['camera', 'album'],
|
|
||||||
success: (res) => {
|
|
||||||
if(Math.ceil(res.size / 1024) < this.upload_max * 1024){
|
|
||||||
this.uploads.push(res.tempFilePath)
|
|
||||||
uni.uploadFile({
|
|
||||||
url: this.uploadUrl, //仅为示例，非真实的接口地址
|
|
||||||
filePath: res.tempFilePath,
|
|
||||||
name: 'file',
|
|
||||||
//请求参数
|
|
||||||
formData: {
|
|
||||||
'user': 'test'
|
|
||||||
},
|
|
||||||
success: (uploadFileRes) => {
|
|
||||||
this.$emit('successVideo',uploadFileRes)
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}else {
|
|
||||||
uni.showModal({
|
|
||||||
title: '提示',
|
|
||||||
content: `第${[...new Set(this.exceeded_list)].join(',')}张视频超出限制${this.upload_max}MB,已过滤`
|
|
||||||
});
|
|
||||||
}
|
|
||||||
},
|
|
||||||
fail: (err) => {
|
|
||||||
uni.showModal({
|
|
||||||
content: JSON.stringify(err)
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
delImage(index){
|
|
||||||
if(this.uploads[index].substring(0,4) !== 'http'){
|
|
||||||
this.uploads.splice(index,1)
|
|
||||||
return;
|
|
||||||
};
|
|
||||||
if(!this.deleteUrl) {
|
|
||||||
uni.showModal({
|
|
||||||
content: '请填写删除接口'
|
|
||||||
});
|
|
||||||
return;
|
|
||||||
};
|
|
||||||
uni.request({
|
|
||||||
url: this.deleteUrl,
|
|
||||||
method: 'DELETE',
|
|
||||||
data: {
|
|
||||||
image: this.dataList[index]
|
|
||||||
},
|
|
||||||
success: res => {
|
|
||||||
this.uploads.splice(index,1)
|
|
||||||
},
|
|
||||||
});
|
|
||||||
},
|
|
||||||
upload(){
|
|
||||||
if(!this.uploadUrl) {
|
|
||||||
uni.showModal({
|
|
||||||
content: '请填写上传接口'
|
|
||||||
});
|
|
||||||
return;
|
|
||||||
};
|
|
||||||
for (let i of this.uploadImages) {
|
|
||||||
uni.uploadFile({
|
|
||||||
url: this.uploadUrl, //仅为示例，非真实的接口地址
|
|
||||||
filePath: i,
|
|
||||||
name: 'file',
|
|
||||||
//请求参数
|
|
||||||
formData: {
|
|
||||||
'user': 'test'
|
|
||||||
},
|
|
||||||
success: (uploadFileRes) => {
|
|
||||||
this.$emit('successImage',uploadFileRes)
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.upload {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
.uplode-file {
|
|
||||||
margin: 10upx;
|
|
||||||
width: 210upx;
|
|
||||||
height: 210upx;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.uploade-img {
|
|
||||||
display: block;
|
|
||||||
width: 210upx;
|
|
||||||
height: 210upx;
|
|
||||||
}
|
|
||||||
.clear-one{
|
|
||||||
position: absolute;
|
|
||||||
top: -10rpx;
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
.clear-one-icon{
|
|
||||||
position: absolute;
|
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
z-index: 9;
|
|
||||||
}
|
|
||||||
.uploader-input-box {
|
|
||||||
position: relative;
|
|
||||||
margin:10upx;
|
|
||||||
width: 208upx;
|
|
||||||
height: 208upx;
|
|
||||||
border: 2upx solid #D9D9D9;
|
|
||||||
}
|
|
||||||
.uploader-input-box:before,
|
|
||||||
.uploader-input-box:after {
|
|
||||||
content: " ";
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
-webkit-transform: translate(-50%, -50%);
|
|
||||||
transform: translate(-50%, -50%);
|
|
||||||
background-color: #D9D9D9;
|
|
||||||
}
|
|
||||||
.uploader-input-box:before {
|
|
||||||
width: 4upx;
|
|
||||||
height: 79upx;
|
|
||||||
}
|
|
||||||
.uploader-input-box:after {
|
|
||||||
width: 79upx;
|
|
||||||
height: 4upx;
|
|
||||||
}
|
|
||||||
.uploader-input-box:active {
|
|
||||||
border-color: #999999;
|
|
||||||
}
|
|
||||||
.uploader-input-box:active:before,
|
|
||||||
.uploader-input-box:active:after {
|
|
||||||
background-color: #999999;
|
|
||||||
}
|
|
||||||
.uploader-input {
|
|
||||||
position: absolute;
|
|
||||||
z-index: 1;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,40 +0,0 @@
|
|||||||
### easy-upload 组件
|
|
||||||
|
|
||||||
使用方法
|
|
||||||
```js
|
|
||||||
<easy-upload
|
|
||||||
:dataList="imageList" uploadUrl="http://localhost:3000/upload" :types="category"
|
|
||||||
deleteUrl='http://localhost:3000/upload' :uploadCount="6"
|
|
||||||
@successImage="successImage" @successVideo="successvideo"
|
|
||||||
></easy-upload>
|
|
||||||
|
|
||||||
//先引入组件
|
|
||||||
import easyUpload from '@/components/easy-upload/easy-upload.vue'
|
|
||||||
//注册组件
|
|
||||||
components:{
|
|
||||||
easyUpload
|
|
||||||
}
|
|
||||||
|
|
||||||
//使用 easycom 可以直接使用
|
|
||||||
|
|
||||||
```
|
|
||||||
|
|
||||||
| 参数 | 类型 | 是否必填 | 参数描述
|
|
||||||
| ---- | ---- | ---- | ----
|
|
||||||
| types | String | 否 | 上传类型 image/video
|
|
||||||
| dataList | Array | 否 | 图片/视频数据展示
|
|
||||||
| clearIcon | String | 否 | 删除图标(可以换成自己本地图片)
|
|
||||||
| uploadUrl | String | 否 | 上传的接口
|
|
||||||
| deleteUrl | String | 否 | 删除的接口
|
|
||||||
| uploadCount | Number | 否 | 上传图片最大个数(默认为一张)
|
|
||||||
| upload_max | Number | 否 | 上传大小(默认为3M)
|
|
||||||
| upload_max | Number | 否 | 上传大小(默认为3M)
|
|
||||||
| upload_max | Number | 否 | 上传大小(默认为3M)
|
|
||||||
|
|
||||||
| 事件 | 是否必填 | 参数描述
|
|
||||||
| ---- | ---- | ----
|
|
||||||
| successImage | 否 | 上传图片成功事件
|
|
||||||
| successVideo | 否 | 上传视频成功回调
|
|
||||||
|
|
||||||
示例项目中有服务端代码 (node.js)
|
|
||||||
|
|
||||||
@ -1,37 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view class="empty-box">
|
|
||||||
<image src="../static/images/empty-box.png"></image>
|
|
||||||
<view class="txt">{{title}}</view>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default{
|
|
||||||
props: {
|
|
||||||
title: {
|
|
||||||
type: String,
|
|
||||||
default: '暂无记录',
|
|
||||||
},
|
|
||||||
},
|
|
||||||
}
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss">
|
|
||||||
.empty-box{
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
margin-top: 200rpx;
|
|
||||||
padding-bottom: 60rpx;
|
|
||||||
image{
|
|
||||||
width: 414rpx;
|
|
||||||
height: 240rpx;
|
|
||||||
}
|
|
||||||
.txt{
|
|
||||||
font-size: 26rpx;
|
|
||||||
color: #999;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,143 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view class='goodList'>
|
|
||||||
<block v-for="(item,index) in bastList" :key="index">
|
|
||||||
<view @click="goDetail(item)" class='item acea-row row-between-wrapper' hover-class="none">
|
|
||||||
<view class='pictrue'>
|
|
||||||
<image :src='item.image'></image>
|
|
||||||
<span class="pictrue_log pictrue_log_class" v-if="item.activityH5 && item.activityH5.type === '1'">秒杀</span>
|
|
||||||
<span class="pictrue_log pictrue_log_class" v-if="item.activityH5 && item.activityH5.type === '2'">砍价</span>
|
|
||||||
<span class="pictrue_log pictrue_log_class" v-if="item.activityH5 && item.activityH5.type === '3'">拼团</span>
|
|
||||||
</view>
|
|
||||||
<view class='underline'>
|
|
||||||
<view class='text'>
|
|
||||||
<view class='line1'>{{item.storeName}}</view>
|
|
||||||
<view class='money font-color'>￥<text class='num'>{{item.price}}</text></view>
|
|
||||||
<view class='vip-money acea-row row-middle' v-if="item.vip_price && item.vip_price > 0">￥{{item.vip_price || 0}}
|
|
||||||
<image src='../../static/images/vip.png'></image><text class='num'>已售{{Number(item.sales) + Number(item.ficti) || 0}}{{item.unitName}}</text>
|
|
||||||
</view>
|
|
||||||
<view class='vip-money acea-row row-middle' v-else><text class='num'>已售{{Number(item.sales) + Number(item.ficti) || 0}}{{item.unitName}}</text></view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class='iconfont icon-gouwuche cart-color acea-row row-center-wrapper'></view>
|
|
||||||
</view>
|
|
||||||
</block>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import {mapGetters} from "vuex";
|
|
||||||
import { goShopDetail } from '@/libs/order.js'
|
|
||||||
export default {
|
|
||||||
computed: mapGetters(['uid']),
|
|
||||||
props: {
|
|
||||||
status: {
|
|
||||||
type: Number,
|
|
||||||
default: 0,
|
|
||||||
},
|
|
||||||
bastList: {
|
|
||||||
type: Array,
|
|
||||||
default: function() {
|
|
||||||
return [];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
|
|
||||||
};
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
goDetail(item){
|
|
||||||
goShopDetail(item,this.uid).then(res=>{
|
|
||||||
uni.navigateTo({
|
|
||||||
url:`/pages/goods_details/index?id=${item.id}`
|
|
||||||
})
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang='scss'>
|
|
||||||
.goodList .item {
|
|
||||||
position: relative;
|
|
||||||
padding-left: 30rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.goodList .item .pictrue {
|
|
||||||
width: 180rpx;
|
|
||||||
height: 180rpx;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.goodList .item .pictrue image {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
border-radius: 6rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.goodList .item .pictrue .numPic {
|
|
||||||
position: absolute;
|
|
||||||
left: 7rpx;
|
|
||||||
top: 7rpx;
|
|
||||||
width: 50rpx;
|
|
||||||
height: 50rpx;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.goodList .item .underline {
|
|
||||||
padding: 30rpx 30rpx 30rpx 0;
|
|
||||||
border-bottom: 1px solid #f5f5f5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.goodList .item:nth-last-child(1) .underline {
|
|
||||||
border-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.goodList .item .text {
|
|
||||||
font-size: 30rpx;
|
|
||||||
color: #222;
|
|
||||||
width: 489rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.goodList .item .text .money {
|
|
||||||
font-size: 26rpx;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-top: 50rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.goodList .item .text .money .num {
|
|
||||||
font-size: 34rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.goodList .item .text .vip-money {
|
|
||||||
font-size: 24rpx;
|
|
||||||
color: #282828;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-top: 15rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.goodList .item .text .vip-money image {
|
|
||||||
width: 46rpx;
|
|
||||||
height: 21rpx;
|
|
||||||
margin: 0 22rpx 0 5rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.goodList .item .text .vip-money .num {
|
|
||||||
font-size: 22rpx;
|
|
||||||
color: #aaa;
|
|
||||||
font-weight: normal;
|
|
||||||
margin: -2rpx 0 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.goodList .item .iconfont {
|
|
||||||
position: absolute;
|
|
||||||
right: 30rpx;
|
|
||||||
width: 50rpx;
|
|
||||||
height: 50rpx;
|
|
||||||
border-radius: 50%;
|
|
||||||
font-size: 30rpx;
|
|
||||||
bottom: 38rpx;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
24
app/components/goods-list/goods-list.js
Normal file
24
app/components/goods-list/goods-list.js
Normal file
@ -0,0 +1,24 @@
|
|||||||
|
// components/goods-list/goods-list.js
|
||||||
|
Component({
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 组件的属性列表
|
||||||
|
*/
|
||||||
|
properties: {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 组件的初始数据
|
||||||
|
*/
|
||||||
|
data: {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 组件的方法列表
|
||||||
|
*/
|
||||||
|
methods: {
|
||||||
|
|
||||||
|
}
|
||||||
|
})
|
||||||
4
app/components/goods-list/goods-list.json
Normal file
4
app/components/goods-list/goods-list.json
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
{
|
||||||
|
"component": true,
|
||||||
|
"usingComponents": {}
|
||||||
|
}
|
||||||
68
app/components/goods-list/goods-list.wxml
Normal file
68
app/components/goods-list/goods-list.wxml
Normal file
@ -0,0 +1,68 @@
|
|||||||
|
<view class="list">
|
||||||
|
<view class="item">
|
||||||
|
<view class="goods_img">
|
||||||
|
<image src="http://iwenwiki.com:3001/images/goods/1.webp" mode="widthFix" />
|
||||||
|
</view>
|
||||||
|
<view class="goods_info">
|
||||||
|
<text class="goods_name">松下（Panasonic）DC-BS1HGK微单相机 数码相机 模块化摄影机 视频 直播多机位 电影</text>
|
||||||
|
<view class="goods_price">
|
||||||
|
￥<text>21298</text>.00
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="goods_img">
|
||||||
|
<image src="http://iwenwiki.com:3001/images/goods/1.webp" mode="widthFix" />
|
||||||
|
</view>
|
||||||
|
<view class="goods_info">
|
||||||
|
<text class="goods_name">松下（Panasonic）DC-BS1HGK微单相机 数码相机 模块化摄影机 视频 直播多机位 电影</text>
|
||||||
|
<view class="goods_price">
|
||||||
|
￥<text>21298</text>.00
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="goods_img">
|
||||||
|
<image src="http://iwenwiki.com:3001/images/goods/1.webp" mode="widthFix" />
|
||||||
|
</view>
|
||||||
|
<view class="goods_info">
|
||||||
|
<text class="goods_name">松下（Panasonic）DC-BS1HGK微单相机 数码相机 模块化摄影机 视频 直播多机位 电影</text>
|
||||||
|
<view class="goods_price">
|
||||||
|
￥<text>21298</text>.00
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="goods_img">
|
||||||
|
<image src="http://iwenwiki.com:3001/images/goods/1.webp" mode="widthFix" />
|
||||||
|
</view>
|
||||||
|
<view class="goods_info">
|
||||||
|
<text class="goods_name">松下（Panasonic）DC-BS1HGK微单相机 数码相机 模块化摄影机 视频 直播多机位 电影</text>
|
||||||
|
<view class="goods_price">
|
||||||
|
￥<text>21298</text>.00
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="goods_img">
|
||||||
|
<image src="http://iwenwiki.com:3001/images/goods/1.webp" mode="widthFix" />
|
||||||
|
</view>
|
||||||
|
<view class="goods_info">
|
||||||
|
<text class="goods_name">松下（Panasonic）DC-BS1HGK微单相机 数码相机 模块化摄影机 视频 直播多机位 电影</text>
|
||||||
|
<view class="goods_price">
|
||||||
|
￥<text>21298</text>.00
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="goods_img">
|
||||||
|
<image src="http://iwenwiki.com:3001/images/goods/1.webp" mode="widthFix" />
|
||||||
|
</view>
|
||||||
|
<view class="goods_info">
|
||||||
|
<text class="goods_name">松下（Panasonic）DC-BS1HGK微单相机 数码相机 模块化摄影机 视频 直播多机位 电影</text>
|
||||||
|
<view class="goods_price">
|
||||||
|
￥<text>21298</text>.00
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
36
app/components/goods-list/goods-list.wxss
Normal file
36
app/components/goods-list/goods-list.wxss
Normal file
@ -0,0 +1,36 @@
|
|||||||
|
.list{
|
||||||
|
width: 100%;
|
||||||
|
padding: 5px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
.list .item{
|
||||||
|
width: 48%;
|
||||||
|
padding: 5px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
float: left;
|
||||||
|
background: #fff;
|
||||||
|
margin: 2px 1%;
|
||||||
|
}
|
||||||
|
.list .item .goods_img image{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.list .item .goods_info .goods_name{
|
||||||
|
font-size: 14px;
|
||||||
|
text-align: left;
|
||||||
|
line-height:1.05rem;
|
||||||
|
height: 4.8rem;
|
||||||
|
font-family: -apple-system,'Helvetica Neue', sans-serif;
|
||||||
|
overflow: hidden;
|
||||||
|
display: -webkit-box;
|
||||||
|
word-wrap: break-all;
|
||||||
|
}
|
||||||
|
.list .item .goods_info .goods_price{
|
||||||
|
font-size: normal;
|
||||||
|
font-family: JDZH-Regular, sans-serif;
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 0.7rem;
|
||||||
|
color:#ff4142;
|
||||||
|
}
|
||||||
|
.list .item .goods_info .goods_price text{
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
@ -1,116 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view style="touch-action: none;">
|
|
||||||
<view class="home" style="position:fixed;" :style="{ top: top + 'px'}" id="right-nav" @touchmove.stop.prevent="setTouchMove">
|
|
||||||
<view class="homeCon bg-color-red" :class="homeActive === true ? 'on' : ''" v-if="homeActive">
|
|
||||||
<navigator hover-class='none' url='/pages/index/index' open-type='switchTab' class='iconfont icon-shouye-xianxing'></navigator>
|
|
||||||
<navigator hover-class='none' url='/pages/order_addcart/order_addcart' open-type='switchTab' class='iconfont icon-caigou-xianxing'></navigator>
|
|
||||||
<navigator hover-class='none' url='/pages/user/index' open-type='switchTab' class='iconfont icon-yonghu1'></navigator>
|
|
||||||
</view>
|
|
||||||
<view @click="open" class="pictrueBox">
|
|
||||||
<view class="pictrue">
|
|
||||||
<image :src="
|
|
||||||
homeActive === true
|
|
||||||
? '/static/images/close.gif'
|
|
||||||
: '/static/images/open.gif'
|
|
||||||
"
|
|
||||||
class="image" />
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import {
|
|
||||||
mapGetters
|
|
||||||
} from "vuex";
|
|
||||||
export default {
|
|
||||||
name: "Home",
|
|
||||||
props: {},
|
|
||||||
data: function() {
|
|
||||||
return {
|
|
||||||
top: "500"
|
|
||||||
};
|
|
||||||
},
|
|
||||||
computed: mapGetters(["homeActive"]),
|
|
||||||
methods: {
|
|
||||||
setTouchMove(e) {
|
|
||||||
var that = this;
|
|
||||||
if (e.touches[0].clientY < 545 && e.touches[0].clientY > 66) {
|
|
||||||
that.top = e.touches[0].clientY
|
|
||||||
// that.setData({
|
|
||||||
// top: e.touches[0].clientY
|
|
||||||
// })
|
|
||||||
}
|
|
||||||
},
|
|
||||||
open: function() {
|
|
||||||
this.homeActive ?
|
|
||||||
this.$store.commit("CLOSE_HOME") :
|
|
||||||
this.$store.commit("OPEN_HOME");
|
|
||||||
}
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.pictrueBox {
|
|
||||||
width: 130rpx;
|
|
||||||
height: 120rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*返回主页按钮*/
|
|
||||||
.home {
|
|
||||||
position: fixed;
|
|
||||||
color: white;
|
|
||||||
text-align: center;
|
|
||||||
z-index: 9999;
|
|
||||||
right: 15rpx;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.home .homeCon {
|
|
||||||
border-radius: 50rpx;
|
|
||||||
opacity: 0;
|
|
||||||
height: 0;
|
|
||||||
color: $theme-color;
|
|
||||||
width: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.home .homeCon.on {
|
|
||||||
opacity: 1;
|
|
||||||
animation: bounceInRight 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
||||||
width: 300rpx;
|
|
||||||
height: 86rpx;
|
|
||||||
margin-bottom: 20rpx;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
background: #f44939 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.home .homeCon .iconfont {
|
|
||||||
font-size: 48rpx;
|
|
||||||
color: #fff;
|
|
||||||
display: inline-block;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.home .pictrue {
|
|
||||||
width: 86rpx;
|
|
||||||
height: 86rpx;
|
|
||||||
border-radius: 50%;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.home .pictrue .image {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
border-radius: 50%;
|
|
||||||
transform: rotate(90deg);
|
|
||||||
ms-transform: rotate(90deg);
|
|
||||||
moz-transform: rotate(90deg);
|
|
||||||
webkit-transform: rotate(90deg);
|
|
||||||
o-transform: rotate(90deg);
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,814 +0,0 @@
|
|||||||
<!--
|
|
||||||
parser 主模块组件
|
|
||||||
github：https://github.com/jin-yufeng/Parser
|
|
||||||
docs：https://jin-yufeng.github.io/Parser
|
|
||||||
插件市场：https://ext.dcloud.net.cn/plugin?id=805
|
|
||||||
author：JinYufeng
|
|
||||||
update：2020/04/14
|
|
||||||
-->
|
|
||||||
<template>
|
|
||||||
<view>
|
|
||||||
<slot v-if="!nodes.length" />
|
|
||||||
<!--#ifdef APP-PLUS-NVUE-->
|
|
||||||
<web-view id="top" ref="web" :src="src" :style="'margin-top:-2px;height:'+height+'px'" @onPostMessage="_message" />
|
|
||||||
<!--#endif-->
|
|
||||||
<!--#ifndef APP-PLUS-NVUE-->
|
|
||||||
<view id="top" :style="showAm+(selectable?';user-select:text;-webkit-user-select:text':'')" :animation="scaleAm" @tap="_tap"
|
|
||||||
@touchstart="_touchstart" @touchmove="_touchmove">
|
|
||||||
<!--#ifdef H5-->
|
|
||||||
<div :id="'rtf'+uid"></div>
|
|
||||||
<!--#endif-->
|
|
||||||
<!--#ifndef H5-->
|
|
||||||
<trees :nodes="nodes" :lazy-load="lazyLoad" :loadVideo="loadVideo" />
|
|
||||||
<image v-for="(item, index) in imgs" v-bind:key="index" :id="index" :src="item" hidden @load="_load" />
|
|
||||||
<!--#endif-->
|
|
||||||
</view>
|
|
||||||
<!--#endif-->
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
// #ifndef H5 || APP-PLUS-NVUE
|
|
||||||
import trees from './libs/trees';
|
|
||||||
var cache = {},
|
|
||||||
// #ifdef MP-WEIXIN || MP-TOUTIAO
|
|
||||||
fs = uni.getFileSystemManager ? uni.getFileSystemManager() : null,
|
|
||||||
// #endif
|
|
||||||
Parser = require('./libs/MpHtmlParser.js');
|
|
||||||
var document; // document 补丁包 https://jin-yufeng.github.io/Parser/#/instructions?id=document
|
|
||||||
// 计算 cache 的 key
|
|
||||||
function hash(str) {
|
|
||||||
for (var i = str.length, val = 5381; i--;)
|
|
||||||
val += (val << 5) + str.charCodeAt(i);
|
|
||||||
return val;
|
|
||||||
}
|
|
||||||
// #endif
|
|
||||||
// #ifdef H5 || APP-PLUS-NVUE
|
|
||||||
var rpx = uni.getSystemInfoSync().screenWidth / 750,
|
|
||||||
cfg = require('./libs/config.js');
|
|
||||||
// #endif
|
|
||||||
// #ifdef APP-PLUS-NVUE
|
|
||||||
var dom = weex.requireModule('dom');
|
|
||||||
// #endif
|
|
||||||
export default {
|
|
||||||
name: 'parser',
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
// #ifdef APP-PLUS
|
|
||||||
loadVideo: false,
|
|
||||||
// #endif
|
|
||||||
// #ifdef H5
|
|
||||||
uid: this._uid,
|
|
||||||
// #endif
|
|
||||||
// #ifdef APP-PLUS-NVUE
|
|
||||||
src: '',
|
|
||||||
height: 1,
|
|
||||||
// #endif
|
|
||||||
// #ifndef APP-PLUS-NVUE
|
|
||||||
scaleAm: '',
|
|
||||||
showAm: '',
|
|
||||||
imgs: [],
|
|
||||||
// #endif
|
|
||||||
nodes: []
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// #ifndef H5 || APP-PLUS-NVUE
|
|
||||||
components: {
|
|
||||||
trees
|
|
||||||
},
|
|
||||||
// #endif
|
|
||||||
props: {
|
|
||||||
'html': null,
|
|
||||||
// #ifndef MP-ALIPAY
|
|
||||||
'autopause': {
|
|
||||||
type: Boolean,
|
|
||||||
default: true
|
|
||||||
},
|
|
||||||
// #endif
|
|
||||||
'autosetTitle': {
|
|
||||||
type: Boolean,
|
|
||||||
default: true
|
|
||||||
},
|
|
||||||
// #ifndef H5 || APP-PLUS-NVUE
|
|
||||||
'compress': Number,
|
|
||||||
'useCache': Boolean,
|
|
||||||
'xml': Boolean,
|
|
||||||
// #endif
|
|
||||||
'domain': String,
|
|
||||||
// #ifndef MP-BAIDU || MP-ALIPAY || APP-PLUS
|
|
||||||
'gestureZoom': Boolean,
|
|
||||||
// #endif
|
|
||||||
// #ifdef MP-WEIXIN || MP-QQ || H5 || APP-PLUS
|
|
||||||
'lazyLoad': Boolean,
|
|
||||||
// #endif
|
|
||||||
'selectable': Boolean,
|
|
||||||
'tagStyle': Object,
|
|
||||||
'showWithAnimation': Boolean,
|
|
||||||
'useAnchor': Boolean
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
html(html) {
|
|
||||||
this.setContent(html);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
// 图片数组
|
|
||||||
this.imgList = [];
|
|
||||||
this.imgList.each = function(f) {
|
|
||||||
for (var i = 0, len = this.length; i < len; i++)
|
|
||||||
this.setItem(i, f(this[i], i, this));
|
|
||||||
}
|
|
||||||
this.imgList.setItem = function(i, src) {
|
|
||||||
if (i == void 0 || !src) return;
|
|
||||||
// #ifndef MP-ALIPAY || APP-PLUS
|
|
||||||
// 去重
|
|
||||||
if (src.indexOf('http') == 0 && this.includes(src)) {
|
|
||||||
var newSrc = '';
|
|
||||||
for (var j = 0, c; c = src[j]; j++) {
|
|
||||||
if (c == '/' && src[j - 1] != '/' && src[j + 1] != '/') break;
|
|
||||||
newSrc += Math.random() > 0.5 ? c.toUpperCase() : c;
|
|
||||||
}
|
|
||||||
newSrc += src.substr(j);
|
|
||||||
return this[i] = newSrc;
|
|
||||||
}
|
|
||||||
// #endif
|
|
||||||
this[i] = src;
|
|
||||||
// 暂存 data src
|
|
||||||
if (src.includes('data:image')) {
|
|
||||||
var filePath, info = src.match(/data:image\/(\S+?);(\S+?),(.+)/);
|
|
||||||
if (!info) return;
|
|
||||||
// #ifdef MP-WEIXIN || MP-TOUTIAO
|
|
||||||
filePath = `${wx.env.USER_DATA_PATH}/${Date.now()}.${info[1]}`;
|
|
||||||
fs && fs.writeFile({
|
|
||||||
filePath,
|
|
||||||
data: info[3],
|
|
||||||
encoding: info[2],
|
|
||||||
success: () => this[i] = filePath
|
|
||||||
})
|
|
||||||
// #endif
|
|
||||||
// #ifdef APP-PLUS
|
|
||||||
filePath = `_doc/parser_tmp/${Date.now()}.${info[1]}`;
|
|
||||||
var bitmap = new plus.nativeObj.Bitmap();
|
|
||||||
bitmap.loadBase64Data(src, () => {
|
|
||||||
bitmap.save(filePath, {}, () => {
|
|
||||||
bitmap.clear()
|
|
||||||
this[i] = filePath;
|
|
||||||
})
|
|
||||||
})
|
|
||||||
// #endif
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (this.html) this.setContent(this.html);
|
|
||||||
},
|
|
||||||
beforeDestroy() {
|
|
||||||
// #ifdef H5
|
|
||||||
if (this._observer) this._observer.disconnect();
|
|
||||||
// #endif
|
|
||||||
this.imgList.each(src => {
|
|
||||||
// #ifdef APP-PLUS
|
|
||||||
if (src && src.includes('_doc')) {
|
|
||||||
plus.io.resolveLocalFileSystemURL(src, entry => {
|
|
||||||
entry.remove();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
// #endif
|
|
||||||
// #ifdef MP-WEIXIN || MP-TOUTIAO
|
|
||||||
if (src && src.includes(uni.env.USER_DATA_PATH))
|
|
||||||
fs && fs.unlink({
|
|
||||||
filePath: src
|
|
||||||
})
|
|
||||||
// #endif
|
|
||||||
})
|
|
||||||
clearInterval(this._timer);
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
// #ifdef H5 || APP-PLUS-NVUE
|
|
||||||
_Dom2Str(nodes) {
|
|
||||||
var str = '';
|
|
||||||
for (var node of nodes) {
|
|
||||||
if (node.type == 'text')
|
|
||||||
str += node.text;
|
|
||||||
else {
|
|
||||||
str += ('<' + node.name);
|
|
||||||
for (var attr in node.attrs || {})
|
|
||||||
str += (' ' + attr + '="' + node.attrs[attr] + '"');
|
|
||||||
if (!node.children || !node.children.length) str += '>';
|
|
||||||
else str += ('>' + this._Dom2Str(node.children) + '</' + node.name + '>');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return str;
|
|
||||||
},
|
|
||||||
_handleHtml(html, append) {
|
|
||||||
if (typeof html != 'string') html = this._Dom2Str(html.nodes || html);
|
|
||||||
// 处理 rpx
|
|
||||||
if (html.includes('rpx'))
|
|
||||||
html = html.replace(/[0-9.]+\s*rpx/g, $ => parseFloat($) * rpx + 'px');
|
|
||||||
if (!append) {
|
|
||||||
// 处理 tag-style 和 userAgentStyles
|
|
||||||
var style = '<style>@keyframes show{0%{opacity:0}100%{opacity:1}}';
|
|
||||||
for (var item in cfg.userAgentStyles)
|
|
||||||
style += `${item}{${cfg.userAgentStyles[item]}}`;
|
|
||||||
for (item in this.tagStyle)
|
|
||||||
style += `${item}{${this.tagStyle[item]}}`;
|
|
||||||
style += '</style>';
|
|
||||||
html = style + html;
|
|
||||||
}
|
|
||||||
return html;
|
|
||||||
},
|
|
||||||
// #endif
|
|
||||||
setContent(html, append) {
|
|
||||||
// #ifdef APP-PLUS-NVUE
|
|
||||||
if (!html) {
|
|
||||||
this.src = '';
|
|
||||||
this.height = 1;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (append) return;
|
|
||||||
plus.io.resolveLocalFileSystemURL('_doc', entry => {
|
|
||||||
entry.getDirectory('parser_tmp', {
|
|
||||||
create: true
|
|
||||||
}, entry => {
|
|
||||||
var fileName = Date.now() + '.html';
|
|
||||||
entry.getFile(fileName, {
|
|
||||||
create: true
|
|
||||||
}, entry => {
|
|
||||||
entry.createWriter(writer => {
|
|
||||||
writer.onwriteend = () => {
|
|
||||||
this.nodes = [1];
|
|
||||||
this.src = '_doc/parser_tmp/' + fileName;
|
|
||||||
this.$nextTick(function() {
|
|
||||||
entry.remove();
|
|
||||||
})
|
|
||||||
}
|
|
||||||
html =
|
|
||||||
'<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1' +
|
|
||||||
(this.selectable ? '' : ',user-scalable=no') +
|
|
||||||
'"><script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"></' +
|
|
||||||
'script><base href="' + this.domain + '">' + this._handleHtml(html) +
|
|
||||||
'<script>"use strict";function post(t){uni.postMessage({data:t})}' +
|
|
||||||
(this.showWithAnimation ? 'document.body.style.animation="show .5s",' : '') +
|
|
||||||
'document.addEventListener("UniAppJSBridgeReady",function(){post({action:"load",text:document.body.innerText});var t=document.getElementsByTagName("title");t.length&&post({action:"getTitle",title:t[0].innerText});for(var e,o=document.getElementsByTagName("img"),n=[],i=0,r=0;e=o[i];i++)e.onerror=function(){post({action:"error",source:"img",target:this})},e.hasAttribute("ignore")||"A"==e.parentElement.nodeName||(e.i=r++,n.push(e.src),e.onclick=function(){post({action:"preview",img:{i:this.i,src:this.src}})});post({action:"getImgList",imgList:n});for(var a,s=document.getElementsByTagName("a"),c=0;a=s[c];c++)a.onclick=function(){var t,e=this.getAttribute("href");if("#"==e[0]){var r=document.getElementById(e.substr(1));r&&(t=r.offsetTop)}return post({action:"linkpress",href:e,offset:t}),!1};;for(var u,m=document.getElementsByTagName("video"),d=0;u=m[d];d++)u.style.maxWidth="100%",u.onerror=function(){post({action:"error",source:"video",target:this})}' +
|
|
||||||
(this.autopause ? ',u.onplay=function(){for(var t,e=0;t=m[e];e++)t!=this&&t.pause()}' : '') +
|
|
||||||
';for(var g,l=document.getElementsByTagName("audio"),p=0;g=l[p];p++)g.onerror=function(){post({action:"error",source:"audio",target:this})};window.onload=function(){post({action:"ready",height:document.body.scrollHeight})}});</' +
|
|
||||||
'script>';
|
|
||||||
writer.write(html);
|
|
||||||
});
|
|
||||||
})
|
|
||||||
})
|
|
||||||
})
|
|
||||||
// #endif
|
|
||||||
// #ifdef H5
|
|
||||||
if (!html) {
|
|
||||||
if (this.rtf && !append) this.rtf.parentNode.removeChild(this.rtf);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
var div = document.createElement('div');
|
|
||||||
if (!append) {
|
|
||||||
if (this.rtf) this.rtf.parentNode.removeChild(this.rtf);
|
|
||||||
this.rtf = div;
|
|
||||||
} else {
|
|
||||||
if (!this.rtf) this.rtf = div;
|
|
||||||
else this.rtf.appendChild(div);
|
|
||||||
}
|
|
||||||
div.innerHTML = this._handleHtml(html, append);
|
|
||||||
for (var styles = this.rtf.getElementsByTagName('style'), i = 0, style; style = styles[i++];) {
|
|
||||||
style.innerHTML = style.innerHTML.replace(/body/g, '#rtf' + this._uid);
|
|
||||||
style.setAttribute('scoped', 'true');
|
|
||||||
}
|
|
||||||
// 懒加载
|
|
||||||
if (!this._observer && this.lazyLoad && IntersectionObserver) {
|
|
||||||
this._observer = new IntersectionObserver(changes => {
|
|
||||||
for (let item, i = 0; item = changes[i++];) {
|
|
||||||
if (item.isIntersecting) {
|
|
||||||
item.target.src = item.target.getAttribute('data-src');
|
|
||||||
item.target.removeAttribute('data-src');
|
|
||||||
this._observer.unobserve(item.target);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
rootMargin: '900px 0px 900px 0px'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
var _ts = this;
|
|
||||||
// 获取标题
|
|
||||||
var title = this.rtf.getElementsByTagName('title');
|
|
||||||
if (title.length && this.autosetTitle)
|
|
||||||
uni.setNavigationBarTitle({
|
|
||||||
title: title[0].innerText
|
|
||||||
})
|
|
||||||
// 图片处理
|
|
||||||
this.imgList.length = 0;
|
|
||||||
var imgs = this.rtf.getElementsByTagName('img');
|
|
||||||
for (let i = 0, j = 0, img; img = imgs[i]; i++) {
|
|
||||||
img.style.maxWidth = '100%';
|
|
||||||
var src = img.getAttribute('src');
|
|
||||||
if (this.domain && src) {
|
|
||||||
if (src[0] == '/') {
|
|
||||||
if (src[1] == '/')
|
|
||||||
img.src = (this.domain.includes('://') ? this.domain.split('://')[0] : '') + ':' + src;
|
|
||||||
else img.src = this.domain + src;
|
|
||||||
} else if (!src.includes('://')) img.src = this.domain + '/' + src;
|
|
||||||
}
|
|
||||||
if (!img.hasAttribute('ignore') && img.parentElement.nodeName != 'A') {
|
|
||||||
img.i = j++;
|
|
||||||
_ts.imgList.push(img.src || img.getAttribute('data-src'));
|
|
||||||
img.onclick = function() {
|
|
||||||
var preview = true;
|
|
||||||
this.ignore = () => preview = false;
|
|
||||||
_ts.$emit('imgtap', this);
|
|
||||||
if (preview) {
|
|
||||||
uni.previewImage({
|
|
||||||
current: this.i,
|
|
||||||
urls: _ts.imgList
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
img.onerror = function() {
|
|
||||||
_ts.$emit('error', {
|
|
||||||
source: 'img',
|
|
||||||
target: this
|
|
||||||
});
|
|
||||||
}
|
|
||||||
if (_ts.lazyLoad && this._observer && img.src && img.i != 0) {
|
|
||||||
img.setAttribute('data-src', img.src);
|
|
||||||
img.removeAttribute('src');
|
|
||||||
this._observer.observe(img);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// 链接处理
|
|
||||||
var links = this.rtf.getElementsByTagName('a');
|
|
||||||
for (var link of links) {
|
|
||||||
link.onclick = function() {
|
|
||||||
var jump = true,
|
|
||||||
href = this.getAttribute('href');
|
|
||||||
_ts.$emit('linkpress', {
|
|
||||||
href,
|
|
||||||
ignore: () => jump = false
|
|
||||||
});
|
|
||||||
if (jump && href) {
|
|
||||||
if (href[0] == '#') {
|
|
||||||
if (_ts.useAnchor) {
|
|
||||||
_ts.navigateTo({
|
|
||||||
id: href.substr(1)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
} else if (href.indexOf('http') == 0 || href.indexOf('//') == 0)
|
|
||||||
return true;
|
|
||||||
else {
|
|
||||||
uni.navigateTo({
|
|
||||||
url: href
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// 视频处理
|
|
||||||
var videos = this.rtf.getElementsByTagName('video');
|
|
||||||
_ts.videoContexts = videos;
|
|
||||||
for (let video, i = 0; video = videos[i++];) {
|
|
||||||
video.style.maxWidth = '100%';
|
|
||||||
video.onerror = function() {
|
|
||||||
_ts.$emit('error', {
|
|
||||||
source: 'video',
|
|
||||||
target: this
|
|
||||||
});
|
|
||||||
}
|
|
||||||
video.onplay = function() {
|
|
||||||
if (_ts.autopause)
|
|
||||||
for (let item, i = 0; item = _ts.videoContexts[i++];)
|
|
||||||
if (item != this) item.pause();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// 音频处理
|
|
||||||
var audios = this.rtf.getElementsByTagName('audios');
|
|
||||||
for (var audio of audios)
|
|
||||||
audio.onerror = function() {
|
|
||||||
_ts.$emit('error', {
|
|
||||||
source: 'audio',
|
|
||||||
target: this
|
|
||||||
});
|
|
||||||
}
|
|
||||||
this.document = this.rtf;
|
|
||||||
if (!append) document.getElementById('rtf' + this._uid).appendChild(this.rtf);
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.nodes = [1];
|
|
||||||
this.$emit('load');
|
|
||||||
})
|
|
||||||
setTimeout(() => this.showAm = '', 500);
|
|
||||||
// #endif
|
|
||||||
// #ifndef H5 || APP-PLUS-NVUE
|
|
||||||
var nodes;
|
|
||||||
if (!html)
|
|
||||||
return this.nodes = [];
|
|
||||||
else if (typeof html == 'string') {
|
|
||||||
let parser = new Parser(html, this);
|
|
||||||
// 缓存读取
|
|
||||||
if (this.useCache) {
|
|
||||||
var hashVal = hash(html);
|
|
||||||
if (cache[hashVal])
|
|
||||||
nodes = cache[hashVal];
|
|
||||||
else {
|
|
||||||
nodes = parser.parse();
|
|
||||||
cache[hashVal] = nodes;
|
|
||||||
}
|
|
||||||
} else nodes = parser.parse();
|
|
||||||
this.$emit('parse', nodes);
|
|
||||||
} else if (Object.prototype.toString.call(html) == '[object Array]') {
|
|
||||||
// 非本插件产生的 array 需要进行一些转换
|
|
||||||
if (html.length && html[0].PoweredBy != 'Parser') {
|
|
||||||
let parser = new Parser(html, this);
|
|
||||||
(function f(ns) {
|
|
||||||
for (var i = 0, n; n = ns[i]; i++) {
|
|
||||||
if (n.type == 'text') continue;
|
|
||||||
n.attrs = n.attrs || {};
|
|
||||||
for (var item in n.attrs)
|
|
||||||
if (typeof n.attrs[item] != 'string') n.attrs[item] = n.attrs[item].toString();
|
|
||||||
parser.matchAttr(n, parser);
|
|
||||||
if (n.children && n.children.length) {
|
|
||||||
parser.STACK.push(n);
|
|
||||||
f(n.children);
|
|
||||||
parser.popNode(parser.STACK.pop());
|
|
||||||
} else n.children = void 0;
|
|
||||||
}
|
|
||||||
})(html);
|
|
||||||
}
|
|
||||||
nodes = html;
|
|
||||||
} else if (typeof html == 'object' && html.nodes) {
|
|
||||||
nodes = html.nodes;
|
|
||||||
console.warn('错误的 html 类型：object 类型已废弃');
|
|
||||||
} else
|
|
||||||
return console.warn('错误的 html 类型：' + typeof html);
|
|
||||||
// #ifdef APP-PLUS
|
|
||||||
this.loadVideo = false;
|
|
||||||
// #endif
|
|
||||||
if (document) this.document = new document(this.nodes, 'nodes', this);
|
|
||||||
if (append) this.nodes = this.nodes.concat(nodes);
|
|
||||||
else this.nodes = nodes;
|
|
||||||
if (nodes.length && nodes[0].title && this.autosetTitle)
|
|
||||||
uni.setNavigationBarTitle({
|
|
||||||
title: nodes[0].title
|
|
||||||
})
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.imgList.length = 0;
|
|
||||||
this.videoContexts = [];
|
|
||||||
// #ifdef MP-TOUTIAO
|
|
||||||
setTimeout(() => {
|
|
||||||
// #endif
|
|
||||||
var f = (cs) => {
|
|
||||||
for (let i = 0, c; c = cs[i++];) {
|
|
||||||
if (c.$options.name == 'trees') {
|
|
||||||
for (var j = c.nodes.length, item; item = c.nodes[--j];) {
|
|
||||||
if (item.c) continue;
|
|
||||||
if (item.name == 'img') {
|
|
||||||
this.imgList.setItem(item.attrs.i, item.attrs.src);
|
|
||||||
// #ifndef MP-ALIPAY
|
|
||||||
if (!c.observer && !c.imgLoad && item.attrs.i != '0') {
|
|
||||||
if (this.lazyLoad && uni.createIntersectionObserver) {
|
|
||||||
c.observer = uni.createIntersectionObserver(c);
|
|
||||||
c.observer.relativeToViewport({
|
|
||||||
top: 900,
|
|
||||||
bottom: 900
|
|
||||||
}).observe('._img', () => {
|
|
||||||
c.imgLoad = true;
|
|
||||||
c.observer.disconnect();
|
|
||||||
})
|
|
||||||
} else
|
|
||||||
c.imgLoad = true;
|
|
||||||
}
|
|
||||||
// #endif
|
|
||||||
}
|
|
||||||
// #ifndef MP-ALIPAY
|
|
||||||
else if (item.name == 'video') {
|
|
||||||
var ctx = uni.createVideoContext(item.attrs.id, c);
|
|
||||||
ctx.id = item.attrs.id;
|
|
||||||
this.videoContexts.push(ctx);
|
|
||||||
}
|
|
||||||
// #endif
|
|
||||||
// #ifdef MP-BAIDU || MP-ALIPAY || APP-PLUS
|
|
||||||
if (item.attrs && item.attrs.id) {
|
|
||||||
this.anchors = this.anchors || [];
|
|
||||||
this.anchors.push({
|
|
||||||
id: item.attrs.id,
|
|
||||||
node: c
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// #endif
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (c.$children.length)
|
|
||||||
f(c.$children)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
f(this.$children);
|
|
||||||
// #ifdef MP-TOUTIAO
|
|
||||||
}, 200)
|
|
||||||
this.$emit('load');
|
|
||||||
// #endif
|
|
||||||
// #ifdef APP-PLUS
|
|
||||||
setTimeout(() => {
|
|
||||||
this.loadVideo = true;
|
|
||||||
}, 3000);
|
|
||||||
// #endif
|
|
||||||
})
|
|
||||||
// #endif
|
|
||||||
// #ifndef APP-PLUS-NVUE
|
|
||||||
var height;
|
|
||||||
clearInterval(this._timer);
|
|
||||||
this._timer = setInterval(() => {
|
|
||||||
// #ifdef H5
|
|
||||||
var res = [this.rtf.getBoundingClientRect()];
|
|
||||||
// #endif
|
|
||||||
// #ifndef H5
|
|
||||||
// #ifdef APP-PLUS
|
|
||||||
uni.createSelectorQuery().in(this)
|
|
||||||
// #endif
|
|
||||||
// #ifndef APP-PLUS
|
|
||||||
this.createSelectorQuery()
|
|
||||||
// #endif
|
|
||||||
.select('#top').boundingClientRect().exec(res => {
|
|
||||||
// #endif
|
|
||||||
this.width = res[0].width;
|
|
||||||
if (res[0].height == height) {
|
|
||||||
this.$emit('ready', res[0])
|
|
||||||
clearInterval(this._timer);
|
|
||||||
}
|
|
||||||
height = res[0].height;
|
|
||||||
// #ifndef H5
|
|
||||||
});
|
|
||||||
// #endif
|
|
||||||
}, 350)
|
|
||||||
if (this.showWithAnimation && !append) this.showAm = 'animation:show .5s';
|
|
||||||
// #endif
|
|
||||||
},
|
|
||||||
getText(ns = this.nodes) {
|
|
||||||
// #ifdef APP-PLUS-NVUE
|
|
||||||
return this._text;
|
|
||||||
// #endif
|
|
||||||
// #ifdef H5
|
|
||||||
return this.rtf.innerText;
|
|
||||||
// #endif
|
|
||||||
// #ifndef H5 || APP-PLUS-NVUE
|
|
||||||
var txt = '';
|
|
||||||
for (var i = 0, n; n = ns[i++];) {
|
|
||||||
if (n.type == 'text') txt += n.text.replace(/ /g, '\u00A0').replace(/</g, '<').replace(/>/g, '>')
|
|
||||||
.replace(/&/g, '&');
|
|
||||||
else if (n.type == 'br') txt += '\n';
|
|
||||||
else {
|
|
||||||
// 块级标签前后加换行
|
|
||||||
var block = n.name == 'p' || n.name == 'div' || n.name == 'tr' || n.name == 'li' || (n.name[0] == 'h' && n.name[1] >
|
|
||||||
'0' && n.name[1] < '7');
|
|
||||||
if (block && txt && txt[txt.length - 1] != '\n') txt += '\n';
|
|
||||||
if (n.children) txt += this.getText(n.children);
|
|
||||||
if (block && txt[txt.length - 1] != '\n') txt += '\n';
|
|
||||||
else if (n.name == 'td' || n.name == 'th') txt += '\t';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return txt;
|
|
||||||
// #endif
|
|
||||||
},
|
|
||||||
navigateTo(obj) {
|
|
||||||
if (!this.useAnchor)
|
|
||||||
return obj.fail && obj.fail({
|
|
||||||
errMsg: 'Anchor is disabled'
|
|
||||||
})
|
|
||||||
// #ifdef APP-PLUS-NVUE
|
|
||||||
if (!obj.id)
|
|
||||||
dom.scrollToElement(this.$refs.web);
|
|
||||||
else
|
|
||||||
this.$refs.web.evalJs('var pos=document.getElementById("' + obj.id +
|
|
||||||
'");if(pos)post({action:"linkpress",href:"#",offset:pos.offsetTop})');
|
|
||||||
return obj.success && obj.success({
|
|
||||||
errMsg: 'pageScrollTo:ok'
|
|
||||||
});
|
|
||||||
// #endif
|
|
||||||
// #ifdef H5
|
|
||||||
if (!obj.id) {
|
|
||||||
window.scrollTo(0, this.rtf.offsetTop);
|
|
||||||
return obj.success && obj.success({
|
|
||||||
errMsg: 'pageScrollTo:ok'
|
|
||||||
});
|
|
||||||
}
|
|
||||||
var target = document.getElementById(obj.id);
|
|
||||||
if (!target) return obj.fail && obj.fail({
|
|
||||||
errMsg: 'Label not found'
|
|
||||||
});
|
|
||||||
obj.scrollTop = this.rtf.offsetTop + target.offsetTop;
|
|
||||||
uni.pageScrollTo(obj);
|
|
||||||
// #endif
|
|
||||||
// #ifndef H5
|
|
||||||
var Scroll = (selector, component) => {
|
|
||||||
uni.createSelectorQuery().in(component ? component : this).select(selector).boundingClientRect().selectViewport()
|
|
||||||
.scrollOffset()
|
|
||||||
.exec(res => {
|
|
||||||
if (!res || !res[0])
|
|
||||||
return obj.fail && obj.fail({
|
|
||||||
errMsg: 'Label not found'
|
|
||||||
});
|
|
||||||
obj.scrollTop = res[1].scrollTop + res[0].top;
|
|
||||||
uni.pageScrollTo(obj);
|
|
||||||
})
|
|
||||||
}
|
|
||||||
if (!obj.id) Scroll('#top');
|
|
||||||
else {
|
|
||||||
// #ifndef MP-BAIDU || MP-ALIPAY || APP-PLUS
|
|
||||||
Scroll('#top >>> #' + obj.id + ', #top >>> .' + obj.id);
|
|
||||||
// #endif
|
|
||||||
// #ifdef MP-BAIDU || MP-ALIPAY || APP-PLUS
|
|
||||||
for (var anchor of this.anchors)
|
|
||||||
if (anchor.id == obj.id)
|
|
||||||
Scroll('#' + obj.id + ', .' + obj.id, anchor.node);
|
|
||||||
// #endif
|
|
||||||
}
|
|
||||||
// #endif
|
|
||||||
},
|
|
||||||
getVideoContext(id) {
|
|
||||||
// #ifndef APP-PLUS-NVUE
|
|
||||||
if (!id) return this.videoContexts;
|
|
||||||
else
|
|
||||||
for (var i = this.videoContexts.length; i--;)
|
|
||||||
if (this.videoContexts[i].id == id) return this.videoContexts[i];
|
|
||||||
// #endif
|
|
||||||
},
|
|
||||||
// 预加载
|
|
||||||
preLoad(html, num) {
|
|
||||||
// #ifdef H5 || APP-PLUS-NVUE
|
|
||||||
if (html.constructor == Array)
|
|
||||||
html = this._Dom2Str(html);
|
|
||||||
var script = "var contain=document.createElement('div');contain.innerHTML='" + html.replace(/'/g, "\\'") +
|
|
||||||
"';for(var imgs=contain.querySelectorAll('img'),i=imgs.length-1;i>=" + num +
|
|
||||||
";i--)imgs[i].removeAttribute('src');";
|
|
||||||
// #endif
|
|
||||||
// #ifdef APP-PLUS-NVUE
|
|
||||||
this.$refs.web.evalJs(script);
|
|
||||||
// #endif
|
|
||||||
// #ifdef H5
|
|
||||||
eval(script);
|
|
||||||
// #endif
|
|
||||||
// #ifndef H5 || APP-PLUS-NVUE
|
|
||||||
if (typeof html == 'string') {
|
|
||||||
var id = hash(html);
|
|
||||||
html = new Parser(html, this).parse();
|
|
||||||
cache[id] = html;
|
|
||||||
}
|
|
||||||
var wait = [];
|
|
||||||
(function f(ns) {
|
|
||||||
for (var i = 0, n; n = ns[i++];) {
|
|
||||||
if (n.name == 'img' && n.attrs.src && !wait.includes(n.attrs.src))
|
|
||||||
wait.push(n.attrs.src);
|
|
||||||
f(n.children || []);
|
|
||||||
}
|
|
||||||
})(html);
|
|
||||||
if (num) wait = wait.slice(0, num);
|
|
||||||
this._wait = (this._wait || []).concat(wait);
|
|
||||||
if (!this.imgs) this.imgs = this._wait.splice(0, 15);
|
|
||||||
else if (this.imgs.length < 15)
|
|
||||||
this.imgs = this.imgs.concat(this._wait.splice(0, 15 - this.imgs.length));
|
|
||||||
// #endif
|
|
||||||
},
|
|
||||||
// #ifdef APP-PLUS-NVUE
|
|
||||||
_message(e) {
|
|
||||||
// 接收 web-view 消息
|
|
||||||
var data = e.detail.data[0];
|
|
||||||
if (data.action == 'load') {
|
|
||||||
this.$emit('load');
|
|
||||||
this._text = data.text;
|
|
||||||
} else if (data.action == 'getTitle') {
|
|
||||||
if (this.autosetTitle)
|
|
||||||
uni.setNavigationBarTitle({
|
|
||||||
title: data.title
|
|
||||||
})
|
|
||||||
} else if (data.action == 'getImgList') {
|
|
||||||
this.imgList.length = 0;
|
|
||||||
for (var i = data.imgList.length; i--;)
|
|
||||||
this.imgList.setItem(i, data.imgList[i]);
|
|
||||||
} else if (data.action == 'preview') {
|
|
||||||
var preview = true;
|
|
||||||
data.img.ignore = () => preview = false;
|
|
||||||
this.$emit('imgtap', data.img);
|
|
||||||
if (preview)
|
|
||||||
uni.previewImage({
|
|
||||||
current: data.img.i,
|
|
||||||
urls: this.imgList
|
|
||||||
})
|
|
||||||
} else if (data.action == 'linkpress') {
|
|
||||||
var jump = true,
|
|
||||||
href = data.href;
|
|
||||||
this.$emit('linkpress', {
|
|
||||||
href,
|
|
||||||
ignore: () => jump = false
|
|
||||||
})
|
|
||||||
if (jump && href) {
|
|
||||||
if (href[0] == '#') {
|
|
||||||
if (this.useAnchor)
|
|
||||||
dom.scrollToElement(this.$refs.web, {
|
|
||||||
offset: data.offset
|
|
||||||
})
|
|
||||||
} else if (href.includes('://'))
|
|
||||||
plus.runtime.openWeb(href);
|
|
||||||
else
|
|
||||||
uni.navigateTo({
|
|
||||||
url: href
|
|
||||||
})
|
|
||||||
}
|
|
||||||
} else if (data.action == 'error')
|
|
||||||
this.$emit('error', {
|
|
||||||
source: data.source,
|
|
||||||
target: data.target
|
|
||||||
})
|
|
||||||
else if (data.action == 'ready') {
|
|
||||||
this.height = data.height;
|
|
||||||
this.$nextTick(() => {
|
|
||||||
uni.createSelectorQuery().in(this).select('#top').boundingClientRect().exec(res => {
|
|
||||||
this.rect = res[0];
|
|
||||||
this.$emit('ready', res[0]);
|
|
||||||
})
|
|
||||||
})
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// #endif
|
|
||||||
// #ifndef APP-PLUS-NVUE
|
|
||||||
// #ifndef H5
|
|
||||||
_load(e) {
|
|
||||||
if (this._wait.length)
|
|
||||||
this.$set(this.imgs, e.target.id, this._wait.shift());
|
|
||||||
},
|
|
||||||
// #endif
|
|
||||||
_tap(e) {
|
|
||||||
// #ifndef MP-BAIDU || MP-ALIPAY || APP-PLUS
|
|
||||||
if (this.gestureZoom && e.timeStamp - this._lastT < 300) {
|
|
||||||
var initY = e.touches[0].pageY - e.currentTarget.offsetTop;
|
|
||||||
if (this._zoom) {
|
|
||||||
this._scaleAm.translateX(0).scale(1).step();
|
|
||||||
uni.pageScrollTo({
|
|
||||||
scrollTop: (initY + this._initY) / 2 - e.touches[0].clientY,
|
|
||||||
duration: 400
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
var initX = e.touches[0].pageX - e.currentTarget.offsetLeft;
|
|
||||||
this._initY = initY;
|
|
||||||
this._scaleAm = uni.createAnimation({
|
|
||||||
transformOrigin: `${initX}px ${this._initY}px 0`,
|
|
||||||
timingFunction: 'ease-in-out'
|
|
||||||
});
|
|
||||||
// #ifdef MP-TOUTIAO
|
|
||||||
this._scaleAm.opacity(1);
|
|
||||||
// #endif
|
|
||||||
this._scaleAm.scale(2).step();
|
|
||||||
this._tMax = initX / 2;
|
|
||||||
this._tMin = (initX - this.width) / 2;
|
|
||||||
this._tX = 0;
|
|
||||||
}
|
|
||||||
this._zoom = !this._zoom;
|
|
||||||
this.scaleAm = this._scaleAm.export();
|
|
||||||
}
|
|
||||||
this._lastT = e.timeStamp;
|
|
||||||
// #endif
|
|
||||||
},
|
|
||||||
_touchstart(e) {
|
|
||||||
// #ifndef MP-BAIDU || MP-ALIPAY || APP-PLUS
|
|
||||||
if (e.touches.length == 1)
|
|
||||||
this._initX = this._lastX = e.touches[0].pageX;
|
|
||||||
// #endif
|
|
||||||
},
|
|
||||||
_touchmove(e) {
|
|
||||||
// #ifndef MP-BAIDU || MP-ALIPAY || APP-PLUS
|
|
||||||
var diff = e.touches[0].pageX - this._lastX;
|
|
||||||
if (this._zoom && e.touches.length == 1 && Math.abs(diff) > 20) {
|
|
||||||
this._lastX = e.touches[0].pageX;
|
|
||||||
if ((this._tX <= this._tMin && diff < 0) || (this._tX >= this._tMax && diff > 0))
|
|
||||||
return;
|
|
||||||
this._tX += (diff * Math.abs(this._lastX - this._initX) * 0.05);
|
|
||||||
if (this._tX < this._tMin) this._tX = this._tMin;
|
|
||||||
if (this._tX > this._tMax) this._tX = this._tMax;
|
|
||||||
this._scaleAm.translateX(this._tX).step();
|
|
||||||
this.scaleAm = this._scaleAm.export();
|
|
||||||
}
|
|
||||||
// #endif
|
|
||||||
}
|
|
||||||
// #endif
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
@keyframes show {
|
|
||||||
0% {
|
|
||||||
opacity: 0
|
|
||||||
}
|
|
||||||
|
|
||||||
100% {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* #ifdef MP-WEIXIN */
|
|
||||||
:host {
|
|
||||||
display: block;
|
|
||||||
overflow: scroll;
|
|
||||||
-webkit-overflow-scrolling: touch;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* #endif */
|
|
||||||
</style>
|
|
||||||
@ -1,102 +0,0 @@
|
|||||||
/*
|
|
||||||
解析和匹配 Css 的选择器
|
|
||||||
github：https://github.com/jin-yufeng/Parser
|
|
||||||
docs：https://jin-yufeng.github.io/Parser
|
|
||||||
author：JinYufeng
|
|
||||||
update：2020/03/15
|
|
||||||
*/
|
|
||||||
var cfg = require('./config.js');
|
|
||||||
class CssHandler {
|
|
||||||
constructor(tagStyle) {
|
|
||||||
var styles = Object.assign({}, cfg.userAgentStyles);
|
|
||||||
for (var item in tagStyle)
|
|
||||||
styles[item] = (styles[item] ? styles[item] + ';' : '') + tagStyle[item];
|
|
||||||
this.styles = styles;
|
|
||||||
}
|
|
||||||
getStyle = data => this.styles = new CssParser(data, this.styles).parse();
|
|
||||||
match(name, attrs) {
|
|
||||||
var tmp, matched = (tmp = this.styles[name]) ? tmp + ';' : '';
|
|
||||||
if (attrs.class) {
|
|
||||||
var items = attrs.class.split(' ');
|
|
||||||
for (var i = 0, item; item = items[i]; i++)
|
|
||||||
if (tmp = this.styles['.' + item])
|
|
||||||
matched += tmp + ';';
|
|
||||||
}
|
|
||||||
if (tmp = this.styles['#' + attrs.id])
|
|
||||||
matched += tmp + ';';
|
|
||||||
return matched;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
module.exports = CssHandler;
|
|
||||||
class CssParser {
|
|
||||||
constructor(data, init) {
|
|
||||||
this.data = data;
|
|
||||||
this.floor = 0;
|
|
||||||
this.i = 0;
|
|
||||||
this.list = [];
|
|
||||||
this.res = init;
|
|
||||||
this.state = this.Space;
|
|
||||||
}
|
|
||||||
parse() {
|
|
||||||
for (var c; c = this.data[this.i]; this.i++)
|
|
||||||
this.state(c);
|
|
||||||
return this.res;
|
|
||||||
}
|
|
||||||
section = () => this.data.substring(this.start, this.i);
|
|
||||||
isLetter = c => (c >= 'a' && c <= 'z') || (c >= 'A' && c <= 'Z');
|
|
||||||
// 状态机
|
|
||||||
Space(c) {
|
|
||||||
if (c == '.' || c == '#' || this.isLetter(c)) {
|
|
||||||
this.start = this.i;
|
|
||||||
this.state = this.Name;
|
|
||||||
} else if (c == '/' && this.data[this.i + 1] == '*')
|
|
||||||
this.Comment();
|
|
||||||
else if (!cfg.blankChar[c] && c != ';')
|
|
||||||
this.state = this.Ignore;
|
|
||||||
}
|
|
||||||
Comment() {
|
|
||||||
this.i = this.data.indexOf('*/', this.i) + 1;
|
|
||||||
if (!this.i) this.i = this.data.length;
|
|
||||||
this.state = this.Space;
|
|
||||||
}
|
|
||||||
Ignore(c) {
|
|
||||||
if (c == '{') this.floor++;
|
|
||||||
else if (c == '}' && !--this.floor) this.state = this.Space;
|
|
||||||
}
|
|
||||||
Name(c) {
|
|
||||||
if (cfg.blankChar[c]) {
|
|
||||||
this.list.push(this.section());
|
|
||||||
this.state = this.NameSpace;
|
|
||||||
} else if (c == '{') {
|
|
||||||
this.list.push(this.section());
|
|
||||||
this.Content();
|
|
||||||
} else if (c == ',') {
|
|
||||||
this.list.push(this.section());
|
|
||||||
this.Comma();
|
|
||||||
} else if (!this.isLetter(c) && (c < '0' || c > '9') && c != '-' && c != '_')
|
|
||||||
this.state = this.Ignore;
|
|
||||||
}
|
|
||||||
NameSpace(c) {
|
|
||||||
if (c == '{') this.Content();
|
|
||||||
else if (c == ',') this.Comma();
|
|
||||||
else if (!cfg.blankChar[c]) this.state = this.Ignore;
|
|
||||||
}
|
|
||||||
Comma() {
|
|
||||||
while (cfg.blankChar[this.data[++this.i]]);
|
|
||||||
if (this.data[this.i] == '{') this.Content();
|
|
||||||
else {
|
|
||||||
this.start = this.i--;
|
|
||||||
this.state = this.Name;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Content() {
|
|
||||||
this.start = ++this.i;
|
|
||||||
if ((this.i = this.data.indexOf('}', this.i)) == -1) this.i = this.data.length;
|
|
||||||
var content = this.section();
|
|
||||||
for (var i = 0, item; item = this.list[i++];)
|
|
||||||
if (this.res[item]) this.res[item] += ';' + content;
|
|
||||||
else this.res[item] = content;
|
|
||||||
this.list = [];
|
|
||||||
this.state = this.Space;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,577 +0,0 @@
|
|||||||
/*
|
|
||||||
将 html 解析为适用于小程序 rich-text 的 DOM 结构
|
|
||||||
github：https://github.com/jin-yufeng/Parser
|
|
||||||
docs：https://jin-yufeng.github.io/Parser
|
|
||||||
author：JinYufeng
|
|
||||||
update：2020/04/13
|
|
||||||
*/
|
|
||||||
var cfg = require('./config.js'),
|
|
||||||
blankChar = cfg.blankChar,
|
|
||||||
CssHandler = require('./CssHandler.js'),
|
|
||||||
{
|
|
||||||
screenWidth,
|
|
||||||
system
|
|
||||||
} = wx.getSystemInfoSync();
|
|
||||||
// #ifdef MP-BAIDU || MP-ALIPAY || MP-TOUTIAO
|
|
||||||
var entities = {
|
|
||||||
lt: '<',
|
|
||||||
gt: '>',
|
|
||||||
amp: '&',
|
|
||||||
quot: '"',
|
|
||||||
apos: "'",
|
|
||||||
nbsp: '\xA0',
|
|
||||||
ensp: '\u2002',
|
|
||||||
emsp: '\u2003',
|
|
||||||
ndash: '–',
|
|
||||||
mdash: '—',
|
|
||||||
middot: '·',
|
|
||||||
lsquo: '‘',
|
|
||||||
rsquo: '’',
|
|
||||||
ldquo: '“',
|
|
||||||
rdquo: '”',
|
|
||||||
bull: '•',
|
|
||||||
hellip: '…',
|
|
||||||
permil: '‰',
|
|
||||||
copy: '©',
|
|
||||||
reg: '®',
|
|
||||||
trade: '™',
|
|
||||||
times: '×',
|
|
||||||
divide: '÷',
|
|
||||||
cent: '￠',
|
|
||||||
pound: '£',
|
|
||||||
yen: '¥',
|
|
||||||
euro: '€',
|
|
||||||
sect: '§'
|
|
||||||
};
|
|
||||||
// #endif
|
|
||||||
var emoji; // emoji 补丁包 https://jin-yufeng.github.io/Parser/#/instructions?id=emoji
|
|
||||||
class MpHtmlParser {
|
|
||||||
constructor(data, options = {}) {
|
|
||||||
this.attrs = {};
|
|
||||||
this.compress = options.compress;
|
|
||||||
this.CssHandler = new CssHandler(options.tagStyle, screenWidth);
|
|
||||||
this.data = data;
|
|
||||||
this.domain = options.domain;
|
|
||||||
this.DOM = [];
|
|
||||||
this.i = this.start = this.audioNum = this.imgNum = this.videoNum = 0;
|
|
||||||
this.protocol = this.domain && this.domain.includes('://') ? this.domain.split('://')[0] : '';
|
|
||||||
this.state = this.Text;
|
|
||||||
this.STACK = [];
|
|
||||||
this.useAnchor = options.useAnchor;
|
|
||||||
this.xml = options.xml;
|
|
||||||
}
|
|
||||||
parse() {
|
|
||||||
if (emoji) this.data = emoji.parseEmoji(this.data);
|
|
||||||
for (var c; c = this.data[this.i]; this.i++)
|
|
||||||
this.state(c);
|
|
||||||
if (this.state == this.Text) this.setText();
|
|
||||||
while (this.STACK.length) this.popNode(this.STACK.pop());
|
|
||||||
// #ifdef MP-BAIDU || MP-TOUTIAO
|
|
||||||
// 将顶层标签的一些样式提取出来给 rich-text
|
|
||||||
(function f(ns) {
|
|
||||||
for (var i = ns.length, n; n = ns[--i];) {
|
|
||||||
if (n.type == 'text') continue;
|
|
||||||
if (!n.c) {
|
|
||||||
var style = n.attrs.style;
|
|
||||||
if (style) {
|
|
||||||
var j, k, res;
|
|
||||||
if ((j = style.indexOf('display')) != -1)
|
|
||||||
res = style.substring(j, (k = style.indexOf(';', j)) == -1 ? style.length : k);
|
|
||||||
if ((j = style.indexOf('float')) != -1)
|
|
||||||
res += ';' + style.substring(j, (k = style.indexOf(';', j)) == -1 ? style.length : k);
|
|
||||||
n.attrs.contain = res;
|
|
||||||
}
|
|
||||||
} else f(n.children);
|
|
||||||
}
|
|
||||||
})(this.DOM);
|
|
||||||
// #endif
|
|
||||||
if (this.DOM.length) {
|
|
||||||
this.DOM[0].PoweredBy = 'Parser';
|
|
||||||
if (this.title) this.DOM[0].title = this.title;
|
|
||||||
}
|
|
||||||
return this.DOM;
|
|
||||||
}
|
|
||||||
// 设置属性
|
|
||||||
setAttr() {
|
|
||||||
var name = this.getName(this.attrName);
|
|
||||||
if (cfg.trustAttrs[name]) {
|
|
||||||
if (!this.attrVal) {
|
|
||||||
if (cfg.boolAttrs[name]) this.attrs[name] = 'T';
|
|
||||||
} else if (name == 'src') this.attrs[name] = this.getUrl(this.attrVal.replace(/&/g, '&'));
|
|
||||||
else this.attrs[name] = this.attrVal;
|
|
||||||
}
|
|
||||||
this.attrVal = '';
|
|
||||||
while (blankChar[this.data[this.i]]) this.i++;
|
|
||||||
if (this.isClose()) this.setNode();
|
|
||||||
else {
|
|
||||||
this.start = this.i;
|
|
||||||
this.state = this.AttrName;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// 设置文本节点
|
|
||||||
setText() {
|
|
||||||
var back, text = this.section();
|
|
||||||
if (!text) return;
|
|
||||||
text = (cfg.onText && cfg.onText(text, () => back = true)) || text;
|
|
||||||
if (back) {
|
|
||||||
this.data = this.data.substr(0, this.start) + text + this.data.substr(this.i);
|
|
||||||
let j = this.start + text.length;
|
|
||||||
for (this.i = this.start; this.i < j; this.i++) this.state(this.data[this.i]);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (!this.pre) {
|
|
||||||
// 合并空白符
|
|
||||||
var tmp = [];
|
|
||||||
for (let i = text.length, c; c = text[--i];)
|
|
||||||
if (!blankChar[c] || (!blankChar[tmp[0]] && (c = ' '))) tmp.unshift(c);
|
|
||||||
text = tmp.join('');
|
|
||||||
if (text == ' ') return;
|
|
||||||
}
|
|
||||||
// 处理实体
|
|
||||||
var siblings = this.siblings(),
|
|
||||||
i = -1,
|
|
||||||
j, en;
|
|
||||||
while (1) {
|
|
||||||
if ((i = text.indexOf('&', i + 1)) == -1) break;
|
|
||||||
if ((j = text.indexOf(';', i + 2)) == -1) break;
|
|
||||||
if (text[i + 1] == '#') {
|
|
||||||
en = parseInt((text[i + 2] == 'x' ? '0' : '') + text.substring(i + 2, j));
|
|
||||||
if (!isNaN(en)) text = text.substr(0, i) + String.fromCharCode(en) + text.substring(j + 1);
|
|
||||||
} else {
|
|
||||||
en = text.substring(i + 1, j);
|
|
||||||
// #ifdef MP-WEIXIN || MP-QQ || APP-PLUS
|
|
||||||
if (en == 'nbsp') text = text.substr(0, i) + '\xA0' + text.substr(j + 1); // 解决 失效
|
|
||||||
else if (en != 'lt' && en != 'gt' && en != 'amp' && en != 'ensp' && en != 'emsp' && en != 'quot' && en != 'apos') {
|
|
||||||
i && siblings.push({
|
|
||||||
type: 'text',
|
|
||||||
text: text.substr(0, i)
|
|
||||||
})
|
|
||||||
siblings.push({
|
|
||||||
type: 'text',
|
|
||||||
text: `&${en};`,
|
|
||||||
en: 1
|
|
||||||
})
|
|
||||||
text = text.substr(j + 1);
|
|
||||||
i = -1;
|
|
||||||
}
|
|
||||||
// #endif
|
|
||||||
// #ifdef MP-BAIDU || MP-ALIPAY || MP-TOUTIAO
|
|
||||||
if (entities[en]) text = text.substr(0, i) + entities[en] + text.substr(j + 1);
|
|
||||||
// #endif
|
|
||||||
}
|
|
||||||
}
|
|
||||||
text && siblings.push({
|
|
||||||
type: 'text',
|
|
||||||
text
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 设置元素节点
|
|
||||||
setNode() {
|
|
||||||
var node = {
|
|
||||||
name: this.tagName.toLowerCase(),
|
|
||||||
attrs: this.attrs
|
|
||||||
},
|
|
||||||
close = cfg.selfClosingTags[node.name] || (this.xml && this.data[this.i] == '/');
|
|
||||||
this.attrs = {};
|
|
||||||
if (!cfg.ignoreTags[node.name]) {
|
|
||||||
this.matchAttr(node);
|
|
||||||
if (!close) {
|
|
||||||
node.children = [];
|
|
||||||
if (node.name == 'pre' && cfg.highlight) {
|
|
||||||
this.remove(node);
|
|
||||||
this.pre = node.pre = true;
|
|
||||||
}
|
|
||||||
this.siblings().push(node);
|
|
||||||
this.STACK.push(node);
|
|
||||||
} else if (!cfg.filter || cfg.filter(node, this) != false)
|
|
||||||
this.siblings().push(node);
|
|
||||||
} else {
|
|
||||||
if (!close) this.remove(node);
|
|
||||||
else if (node.name == 'source') {
|
|
||||||
var parent = this.STACK[this.STACK.length - 1],
|
|
||||||
attrs = node.attrs;
|
|
||||||
if (parent && attrs.src)
|
|
||||||
if (parent.name == 'video' || parent.name == 'audio')
|
|
||||||
parent.attrs.source.push(attrs.src);
|
|
||||||
else {
|
|
||||||
var i, media = attrs.media;
|
|
||||||
if (parent.name == 'picture' && !parent.attrs.src && !(attrs.src.indexOf('.webp') && system.includes('iOS')) &&
|
|
||||||
(!media || (media.includes('px') &&
|
|
||||||
(((i = media.indexOf('min-width')) != -1 && (i = media.indexOf(':', i + 8)) != -1 && screenWidth > parseInt(
|
|
||||||
media.substr(i + 1))) ||
|
|
||||||
((i = media.indexOf('max-width')) != -1 && (i = media.indexOf(':', i + 8)) != -1 && screenWidth < parseInt(
|
|
||||||
media.substr(i + 1)))))))
|
|
||||||
parent.attrs.src = attrs.src;
|
|
||||||
}
|
|
||||||
} else if (node.name == 'base' && !this.domain) this.domain = node.attrs.href;
|
|
||||||
}
|
|
||||||
if (this.data[this.i] == '/') this.i++;
|
|
||||||
this.start = this.i + 1;
|
|
||||||
this.state = this.Text;
|
|
||||||
}
|
|
||||||
// 移除标签
|
|
||||||
remove(node) {
|
|
||||||
var name = node.name,
|
|
||||||
j = this.i;
|
|
||||||
while (1) {
|
|
||||||
if ((this.i = this.data.indexOf('</', this.i + 1)) == -1) {
|
|
||||||
if (name == 'pre' || name == 'svg') this.i = j;
|
|
||||||
else this.i = this.data.length;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
this.start = (this.i += 2);
|
|
||||||
while (!blankChar[this.data[this.i]] && !this.isClose()) this.i++;
|
|
||||||
if (this.getName(this.section()) == name) {
|
|
||||||
// 代码块高亮
|
|
||||||
if (name == 'pre') {
|
|
||||||
this.data = this.data.substr(0, j + 1) + cfg.highlight(this.data.substring(j + 1, this.i - 5), node.attrs) +
|
|
||||||
this.data.substr(this.i - 5);
|
|
||||||
return this.i = j;
|
|
||||||
} else if (name == 'style')
|
|
||||||
this.CssHandler.getStyle(this.data.substring(j + 1, this.i - 7));
|
|
||||||
else if (name == 'title')
|
|
||||||
this.title = this.data.substring(j + 1, this.i - 7);
|
|
||||||
if ((this.i = this.data.indexOf('>', this.i)) == -1) this.i = this.data.length;
|
|
||||||
// 处理 svg
|
|
||||||
if (name == 'svg') {
|
|
||||||
var src = this.data.substring(j, this.i + 1);
|
|
||||||
if (!node.attrs.xmlns) src = ' xmlns="http://www.w3.org/2000/svg"' + src;
|
|
||||||
var i = j;
|
|
||||||
while (this.data[j] != '<') j--;
|
|
||||||
src = this.data.substring(j, i) + src;
|
|
||||||
var parent = this.STACK[this.STACK.length - 1];
|
|
||||||
if (node.attrs.width == '100%' && parent && (parent.attrs.style || '').includes('inline'))
|
|
||||||
parent.attrs.style = 'width:300px;max-width:100%;' + parent.attrs.style;
|
|
||||||
this.siblings().push({
|
|
||||||
name: 'img',
|
|
||||||
attrs: {
|
|
||||||
src: 'data:image/svg+xml;utf8,' + src.replace(/#/g, '%23'),
|
|
||||||
ignore: 'T'
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// 处理属性
|
|
||||||
matchAttr(node) {
|
|
||||||
var attrs = node.attrs,
|
|
||||||
style = this.CssHandler.match(node.name, attrs, node) + (attrs.style || ''),
|
|
||||||
styleObj = {};
|
|
||||||
if (attrs.id) {
|
|
||||||
if (this.compress & 1) attrs.id = void 0;
|
|
||||||
else if (this.useAnchor) this.bubble();
|
|
||||||
}
|
|
||||||
if ((this.compress & 2) && attrs.class) attrs.class = void 0;
|
|
||||||
switch (node.name) {
|
|
||||||
case 'img':
|
|
||||||
if (attrs['data-src']) {
|
|
||||||
attrs.src = attrs.src || attrs['data-src'];
|
|
||||||
attrs['data-src'] = void 0;
|
|
||||||
}
|
|
||||||
if (attrs.src && !attrs.ignore) {
|
|
||||||
if (this.bubble()) attrs.i = (this.imgNum++).toString();
|
|
||||||
else attrs.ignore = 'T';
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case 'a':
|
|
||||||
case 'ad':
|
|
||||||
// #ifdef APP-PLUS
|
|
||||||
case 'iframe':
|
|
||||||
case 'embed':
|
|
||||||
// #endif
|
|
||||||
this.bubble();
|
|
||||||
break;
|
|
||||||
case 'font':
|
|
||||||
if (attrs.color) {
|
|
||||||
styleObj['color'] = attrs.color;
|
|
||||||
attrs.color = void 0;
|
|
||||||
}
|
|
||||||
if (attrs.face) {
|
|
||||||
styleObj['font-family'] = attrs.face;
|
|
||||||
attrs.face = void 0;
|
|
||||||
}
|
|
||||||
if (attrs.size) {
|
|
||||||
var size = parseInt(attrs.size);
|
|
||||||
if (size < 1) size = 1;
|
|
||||||
else if (size > 7) size = 7;
|
|
||||||
var map = ['xx-small', 'x-small', 'small', 'medium', 'large', 'x-large', 'xx-large'];
|
|
||||||
styleObj['font-size'] = map[size - 1];
|
|
||||||
attrs.size = void 0;
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case 'video':
|
|
||||||
case 'audio':
|
|
||||||
if (!attrs.id) attrs.id = node.name + (++this[`${node.name}Num`]);
|
|
||||||
else this[`${node.name}Num`]++;
|
|
||||||
if (node.name == 'video') {
|
|
||||||
if (attrs.width) {
|
|
||||||
style = `width:${parseFloat(attrs.width) + (attrs.width.includes('%') ? '%' : 'px')};${style}`;
|
|
||||||
attrs.width = void 0;
|
|
||||||
}
|
|
||||||
if (attrs.height) {
|
|
||||||
style = `height:${parseFloat(attrs.height) + (attrs.height.includes('%') ? '%' : 'px')};${style}`;
|
|
||||||
attrs.height = void 0;
|
|
||||||
}
|
|
||||||
if (this.videoNum > 3) node.lazyLoad = true;
|
|
||||||
}
|
|
||||||
attrs.source = [];
|
|
||||||
if (attrs.src) attrs.source.push(attrs.src);
|
|
||||||
if (!attrs.controls && !attrs.autoplay)
|
|
||||||
console.warn(`存在没有 controls 属性的 ${node.name} 标签，可能导致无法播放`, node);
|
|
||||||
this.bubble();
|
|
||||||
break;
|
|
||||||
case 'td':
|
|
||||||
case 'th':
|
|
||||||
if (attrs.colspan || attrs.rowspan)
|
|
||||||
for (var k = this.STACK.length, item; item = this.STACK[--k];)
|
|
||||||
if (item.name == 'table') {
|
|
||||||
item.c = void 0;
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (attrs.align) {
|
|
||||||
styleObj['text-align'] = attrs.align;
|
|
||||||
attrs.align = void 0;
|
|
||||||
}
|
|
||||||
// 压缩 style
|
|
||||||
var styles = style.replace(/"/g, '"').replace(/&/g, '&').split(';');
|
|
||||||
style = '';
|
|
||||||
for (var i = 0, len = styles.length; i < len; i++) {
|
|
||||||
var info = styles[i].split(':');
|
|
||||||
if (info.length < 2) continue;
|
|
||||||
let key = info[0].trim().toLowerCase(),
|
|
||||||
value = info.slice(1).join(':').trim();
|
|
||||||
if (value.includes('-webkit') || value.includes('-moz') || value.includes('-ms') || value.includes('-o') || value
|
|
||||||
.includes(
|
|
||||||
'safe'))
|
|
||||||
style += `;${key}:${value}`;
|
|
||||||
else if (!styleObj[key] || value.includes('import') || !styleObj[key].includes('import'))
|
|
||||||
styleObj[key] = value;
|
|
||||||
}
|
|
||||||
if (node.name == 'img' && parseInt(styleObj.width || attrs.width) > screenWidth)
|
|
||||||
styleObj.height = 'auto';
|
|
||||||
for (var key in styleObj) {
|
|
||||||
var value = styleObj[key];
|
|
||||||
if (key.includes('flex') || key == 'order' || key == 'self-align') node.c = 1;
|
|
||||||
// 填充链接
|
|
||||||
if (value.includes('url')) {
|
|
||||||
var j = value.indexOf('(');
|
|
||||||
if (j++ != -1) {
|
|
||||||
while (value[j] == '"' || value[j] == "'" || blankChar[value[j]]) j++;
|
|
||||||
value = value.substr(0, j) + this.getUrl(value.substr(j));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// 转换 rpx
|
|
||||||
else if (value.includes('rpx'))
|
|
||||||
value = value.replace(/[0-9.]+\s*rpx/g, $ => parseFloat($) * screenWidth / 750 + 'px');
|
|
||||||
else if (key == 'white-space' && value.includes('pre'))
|
|
||||||
this.pre = node.pre = true;
|
|
||||||
style += `;${key}:${value}`;
|
|
||||||
}
|
|
||||||
style = style.substr(1);
|
|
||||||
if (style) attrs.style = style;
|
|
||||||
}
|
|
||||||
// 节点出栈处理
|
|
||||||
popNode(node) {
|
|
||||||
// 空白符处理
|
|
||||||
if (node.pre) {
|
|
||||||
node.pre = this.pre = void 0;
|
|
||||||
for (let i = this.STACK.length; i--;)
|
|
||||||
if (this.STACK[i].pre)
|
|
||||||
this.pre = true;
|
|
||||||
}
|
|
||||||
if (node.name == 'head' || (cfg.filter && cfg.filter(node, this) == false))
|
|
||||||
return this.siblings().pop();
|
|
||||||
var attrs = node.attrs;
|
|
||||||
// 替换一些标签名
|
|
||||||
if (node.name == 'picture') {
|
|
||||||
node.name = 'img';
|
|
||||||
if (!attrs.src && (node.children[0] || '').name == 'img')
|
|
||||||
attrs.src = node.children[0].attrs.src;
|
|
||||||
if (attrs.src && !attrs.ignore)
|
|
||||||
attrs.i = (this.imgNum++).toString();
|
|
||||||
return node.children = void 0;
|
|
||||||
}
|
|
||||||
if (cfg.blockTags[node.name]) node.name = 'div';
|
|
||||||
else if (!cfg.trustTags[node.name]) node.name = 'span';
|
|
||||||
// 处理列表
|
|
||||||
if (node.c) {
|
|
||||||
if (node.name == 'ul') {
|
|
||||||
var floor = 1;
|
|
||||||
for (let i = this.STACK.length; i--;)
|
|
||||||
if (this.STACK[i].name == 'ul') floor++;
|
|
||||||
if (floor != 1)
|
|
||||||
for (let i = node.children.length; i--;)
|
|
||||||
node.children[i].floor = floor;
|
|
||||||
} else if (node.name == 'ol') {
|
|
||||||
for (let i = 0, num = 1, child; child = node.children[i++];)
|
|
||||||
if (child.name == 'li') {
|
|
||||||
child.type = 'ol';
|
|
||||||
child.num = ((num, type) => {
|
|
||||||
if (type == 'a') return String.fromCharCode(97 + (num - 1) % 26);
|
|
||||||
if (type == 'A') return String.fromCharCode(65 + (num - 1) % 26);
|
|
||||||
if (type == 'i' || type == 'I') {
|
|
||||||
num = (num - 1) % 99 + 1;
|
|
||||||
var one = ['I', 'II', 'III', 'IV', 'V', 'VI', 'VII', 'VIII', 'IX'],
|
|
||||||
ten = ['X', 'XX', 'XXX', 'XL', 'L', 'LX', 'LXX', 'LXXX', 'XC'],
|
|
||||||
res = (ten[Math.floor(num / 10) - 1] || '') + (one[num % 10 - 1] || '');
|
|
||||||
if (type == 'i') return res.toLowerCase();
|
|
||||||
return res;
|
|
||||||
}
|
|
||||||
return num;
|
|
||||||
})(num++, attrs.type) + '.';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// 处理表格的边框
|
|
||||||
if (node.name == 'table') {
|
|
||||||
var padding = attrs.cellpadding,
|
|
||||||
spacing = attrs.cellspacing,
|
|
||||||
border = attrs.border;
|
|
||||||
if (node.c) {
|
|
||||||
this.bubble();
|
|
||||||
if (!padding) padding = 2;
|
|
||||||
if (!spacing) spacing = 2;
|
|
||||||
}
|
|
||||||
if (border) attrs.style = `border:${border}px solid gray;${attrs.style || ''}`;
|
|
||||||
if (spacing) attrs.style = `border-spacing:${spacing}px;${attrs.style || ''}`;
|
|
||||||
if (border || padding)
|
|
||||||
(function f(ns) {
|
|
||||||
for (var i = 0, n; n = ns[i]; i++) {
|
|
||||||
if (n.name == 'th' || n.name == 'td') {
|
|
||||||
if (border) n.attrs.style = `border:${border}px solid gray;${n.attrs.style}`;
|
|
||||||
if (padding) n.attrs.style = `padding:${padding}px;${n.attrs.style}`;
|
|
||||||
} else f(n.children || []);
|
|
||||||
}
|
|
||||||
})(node.children)
|
|
||||||
}
|
|
||||||
this.CssHandler.pop && this.CssHandler.pop(node);
|
|
||||||
// 自动压缩
|
|
||||||
if (node.name == 'div' && !Object.keys(attrs).length) {
|
|
||||||
var siblings = this.siblings();
|
|
||||||
if (node.children.length == 1 && node.children[0].name == 'div')
|
|
||||||
siblings[siblings.length - 1] = node.children[0];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// 工具函数
|
|
||||||
bubble() {
|
|
||||||
for (var i = this.STACK.length, item; item = this.STACK[--i];) {
|
|
||||||
if (cfg.richOnlyTags[item.name]) {
|
|
||||||
if (item.name == 'table' && !Object.hasOwnProperty.call(item, 'c')) item.c = 1;
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
item.c = 1;
|
|
||||||
}
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
getName = val => this.xml ? val : val.toLowerCase();
|
|
||||||
getUrl(url) {
|
|
||||||
if (url[0] == '/') {
|
|
||||||
if (url[1] == '/') url = this.protocol + ':' + url;
|
|
||||||
else if (this.domain) url = this.domain + url;
|
|
||||||
} else if (this.domain && url.indexOf('data:') != 0 && !url.includes('://'))
|
|
||||||
url = this.domain + '/' + url;
|
|
||||||
return url;
|
|
||||||
}
|
|
||||||
isClose = () => this.data[this.i] == '>' || (this.data[this.i] == '/' && this.data[this.i + 1] == '>');
|
|
||||||
section = () => this.data.substring(this.start, this.i);
|
|
||||||
siblings = () => this.STACK.length ? this.STACK[this.STACK.length - 1].children : this.DOM;
|
|
||||||
// 状态机
|
|
||||||
Text(c) {
|
|
||||||
if (c == '<') {
|
|
||||||
var next = this.data[this.i + 1],
|
|
||||||
isLetter = c => (c >= 'a' && c <= 'z') || (c >= 'A' && c <= 'Z');
|
|
||||||
if (isLetter(next)) {
|
|
||||||
this.setText();
|
|
||||||
this.start = this.i + 1;
|
|
||||||
this.state = this.TagName;
|
|
||||||
} else if (next == '/') {
|
|
||||||
this.setText();
|
|
||||||
if (isLetter(this.data[++this.i + 1])) {
|
|
||||||
this.start = this.i + 1;
|
|
||||||
this.state = this.EndTag;
|
|
||||||
} else
|
|
||||||
this.Comment();
|
|
||||||
} else if (next == '!') {
|
|
||||||
this.setText();
|
|
||||||
this.Comment();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Comment() {
|
|
||||||
var key;
|
|
||||||
if (this.data.substring(this.i + 2, this.i + 4) == '--') key = '-->';
|
|
||||||
else if (this.data.substring(this.i + 2, this.i + 9) == '[CDATA[') key = ']]>';
|
|
||||||
else key = '>';
|
|
||||||
if ((this.i = this.data.indexOf(key, this.i + 2)) == -1) this.i = this.data.length;
|
|
||||||
else this.i += key.length - 1;
|
|
||||||
this.start = this.i + 1;
|
|
||||||
this.state = this.Text;
|
|
||||||
}
|
|
||||||
TagName(c) {
|
|
||||||
if (blankChar[c]) {
|
|
||||||
this.tagName = this.section();
|
|
||||||
while (blankChar[this.data[this.i]]) this.i++;
|
|
||||||
if (this.isClose()) this.setNode();
|
|
||||||
else {
|
|
||||||
this.start = this.i;
|
|
||||||
this.state = this.AttrName;
|
|
||||||
}
|
|
||||||
} else if (this.isClose()) {
|
|
||||||
this.tagName = this.section();
|
|
||||||
this.setNode();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
AttrName(c) {
|
|
||||||
var blank = blankChar[c];
|
|
||||||
if (blank) {
|
|
||||||
this.attrName = this.section();
|
|
||||||
c = this.data[this.i];
|
|
||||||
}
|
|
||||||
if (c == '=') {
|
|
||||||
if (!blank) this.attrName = this.section();
|
|
||||||
while (blankChar[this.data[++this.i]]);
|
|
||||||
this.start = this.i--;
|
|
||||||
this.state = this.AttrValue;
|
|
||||||
} else if (blank) this.setAttr();
|
|
||||||
else if (this.isClose()) {
|
|
||||||
this.attrName = this.section();
|
|
||||||
this.setAttr();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
AttrValue(c) {
|
|
||||||
if (c == '"' || c == "'") {
|
|
||||||
this.start++;
|
|
||||||
if ((this.i = this.data.indexOf(c, this.i + 1)) == -1) return this.i = this.data.length;
|
|
||||||
this.attrVal = this.section();
|
|
||||||
this.i++;
|
|
||||||
} else {
|
|
||||||
for (; !blankChar[this.data[this.i]] && !this.isClose(); this.i++);
|
|
||||||
this.attrVal = this.section();
|
|
||||||
}
|
|
||||||
this.setAttr();
|
|
||||||
}
|
|
||||||
EndTag(c) {
|
|
||||||
if (blankChar[c] || c == '>' || c == '/') {
|
|
||||||
var name = this.getName(this.section());
|
|
||||||
for (var i = this.STACK.length; i--;)
|
|
||||||
if (this.STACK[i].name == name) break;
|
|
||||||
if (i != -1) {
|
|
||||||
var node;
|
|
||||||
while ((node = this.STACK.pop()).name != name);
|
|
||||||
this.popNode(node);
|
|
||||||
} else if (name == 'p' || name == 'br')
|
|
||||||
this.siblings().push({
|
|
||||||
name,
|
|
||||||
attrs: {}
|
|
||||||
});
|
|
||||||
this.i = this.data.indexOf('>', this.i);
|
|
||||||
this.start = this.i + 1;
|
|
||||||
if (this.i == -1) this.i = this.data.length;
|
|
||||||
else this.state = this.Text;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
module.exports = MpHtmlParser;
|
|
||||||
@ -1,80 +0,0 @@
|
|||||||
/* 配置文件 */
|
|
||||||
// #ifdef MP-WEIXIN
|
|
||||||
const canIUse = wx.canIUse('editor'); // 高基础库标识，用于兼容
|
|
||||||
// #endif
|
|
||||||
module.exports = {
|
|
||||||
// 过滤器函数
|
|
||||||
filter: null,
|
|
||||||
// 代码高亮函数
|
|
||||||
highlight: null,
|
|
||||||
// 文本处理函数
|
|
||||||
onText: null,
|
|
||||||
blankChar: makeMap(' ,\xA0,\t,\r,\n,\f'),
|
|
||||||
// 块级标签，将被转为 div
|
|
||||||
blockTags: makeMap('address,article,aside,body,caption,center,cite,footer,header,html,nav,section' + (
|
|
||||||
// #ifdef MP-WEIXIN
|
|
||||||
canIUse ? '' :
|
|
||||||
// #endif
|
|
||||||
',pre')),
|
|
||||||
// 将被移除的标签
|
|
||||||
ignoreTags: makeMap(
|
|
||||||
'area,base,basefont,canvas,command,frame,input,isindex,keygen,link,map,meta,param,script,source,style,svg,textarea,title,track,use,wbr'
|
|
||||||
// #ifdef MP-WEIXIN
|
|
||||||
+ (canIUse ? ',rp' : '')
|
|
||||||
// #endif
|
|
||||||
// #ifndef APP-PLUS
|
|
||||||
+ ',embed,iframe'
|
|
||||||
// #endif
|
|
||||||
),
|
|
||||||
// 只能被 rich-text 显示的标签
|
|
||||||
richOnlyTags: makeMap('a,colgroup,fieldset,legend,picture,table'
|
|
||||||
// #ifdef MP-WEIXIN
|
|
||||||
+ (canIUse ? ',bdi,bdo,caption,rt,ruby' : '')
|
|
||||||
// #endif
|
|
||||||
),
|
|
||||||
// 自闭合的标签
|
|
||||||
selfClosingTags: makeMap(
|
|
||||||
'area,base,basefont,br,col,circle,ellipse,embed,frame,hr,img,input,isindex,keygen,line,link,meta,param,path,polygon,rect,source,track,use,wbr'
|
|
||||||
),
|
|
||||||
// 信任的属性
|
|
||||||
trustAttrs: makeMap(
|
|
||||||
'align,alt,app-id,author,autoplay,border,cellpadding,cellspacing,class,color,colspan,controls,data-src,dir,face,height,href,id,ignore,loop,media,muted,name,path,poster,rowspan,size,span,src,start,style,type,unit-id,width,xmlns'
|
|
||||||
),
|
|
||||||
// bool 型的属性
|
|
||||||
boolAttrs: makeMap('autoplay,controls,ignore,loop,muted'),
|
|
||||||
// 信任的标签
|
|
||||||
trustTags: makeMap(
|
|
||||||
'a,abbr,ad,audio,b,blockquote,br,code,col,colgroup,dd,del,dl,dt,div,em,fieldset,h1,h2,h3,h4,h5,h6,hr,i,img,ins,label,legend,li,ol,p,q,source,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,title,ul,video'
|
|
||||||
// #ifdef MP-WEIXIN
|
|
||||||
+ (canIUse ? ',bdi,bdo,caption,pre,rt,ruby' : '')
|
|
||||||
// #endif
|
|
||||||
// #ifdef APP-PLUS
|
|
||||||
+ ',embed,iframe'
|
|
||||||
// #endif
|
|
||||||
),
|
|
||||||
// 默认的标签样式
|
|
||||||
userAgentStyles: {
|
|
||||||
address: 'font-style:italic',
|
|
||||||
big: 'display:inline;font-size:1.2em',
|
|
||||||
blockquote: 'background-color:#f6f6f6;border-left:3px solid #dbdbdb;color:#6c6c6c;padding:5px 0 5px 10px',
|
|
||||||
caption: 'display:table-caption;text-align:center',
|
|
||||||
center: 'text-align:center',
|
|
||||||
cite: 'font-style:italic',
|
|
||||||
dd: 'margin-left:40px',
|
|
||||||
img: 'max-width:100%',
|
|
||||||
mark: 'background-color:yellow',
|
|
||||||
picture: 'max-width:100%',
|
|
||||||
pre: 'font-family:monospace;white-space:pre;overflow:scroll',
|
|
||||||
s: 'text-decoration:line-through',
|
|
||||||
small: 'display:inline;font-size:0.8em',
|
|
||||||
u: 'text-decoration:underline'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function makeMap(str) {
|
|
||||||
var map = {},
|
|
||||||
list = str.split(',');
|
|
||||||
for (var i = list.length; i--;)
|
|
||||||
map[list[i]] = true;
|
|
||||||
return map;
|
|
||||||
}
|
|
||||||
@ -1,35 +0,0 @@
|
|||||||
var inlineTags = {
|
|
||||||
abbr: 1,
|
|
||||||
b: 1,
|
|
||||||
big: 1,
|
|
||||||
code: 1,
|
|
||||||
del: 1,
|
|
||||||
em: 1,
|
|
||||||
i: 1,
|
|
||||||
ins: 1,
|
|
||||||
label: 1,
|
|
||||||
q: 1,
|
|
||||||
small: 1,
|
|
||||||
span: 1,
|
|
||||||
strong: 1
|
|
||||||
}
|
|
||||||
export default {
|
|
||||||
// 从顶层标签的样式中取出一些给 rich-text
|
|
||||||
getStyle: function(style) {
|
|
||||||
if (style) {
|
|
||||||
var i, j, res = '';
|
|
||||||
if ((i = style.indexOf('display')) != -1)
|
|
||||||
res = style.substring(i, (j = style.indexOf(';', i)) == -1 ? style.length : j);
|
|
||||||
if ((i = style.indexOf('float')) != -1)
|
|
||||||
res += ';' + style.substring(i, (j = style.indexOf(';', i)) == -1 ? style.length : j);
|
|
||||||
return res;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
getNode: function(item) {
|
|
||||||
return [item];
|
|
||||||
},
|
|
||||||
// 是否通过 rich-text 显示
|
|
||||||
useRichText: function(item) {
|
|
||||||
return !item.c && !inlineTags[item.name] && (item.attrs.style || '').indexOf('display:inline') == -1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,44 +0,0 @@
|
|||||||
var inlineTags = {
|
|
||||||
abbr: 1,
|
|
||||||
b: 1,
|
|
||||||
big: 1,
|
|
||||||
code: 1,
|
|
||||||
del: 1,
|
|
||||||
em: 1,
|
|
||||||
i: 1,
|
|
||||||
ins: 1,
|
|
||||||
label: 1,
|
|
||||||
q: 1,
|
|
||||||
small: 1,
|
|
||||||
span: 1,
|
|
||||||
strong: 1
|
|
||||||
}
|
|
||||||
module.exports = {
|
|
||||||
// 从顶层标签的样式中取出一些给 rich-text
|
|
||||||
getStyle: function(style) {
|
|
||||||
if (style) {
|
|
||||||
var i, j, res = '';
|
|
||||||
if ((i = style.indexOf('display')) != -1)
|
|
||||||
res = style.substring(i, (j = style.indexOf(';', i)) == -1 ? style.length : j);
|
|
||||||
if ((i = style.indexOf('float')) != -1)
|
|
||||||
res += ';' + style.substring(i, (j = style.indexOf(';', i)) == -1 ? style.length : j);
|
|
||||||
return res;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 处理懒加载
|
|
||||||
getNode: function(item, imgLoad) {
|
|
||||||
if (!imgLoad && item.attrs.i != '0') {
|
|
||||||
var img = {
|
|
||||||
name: 'img',
|
|
||||||
attrs: JSON.parse(JSON.stringify(item.attrs))
|
|
||||||
}
|
|
||||||
delete img.attrs.src;
|
|
||||||
img.attrs.style += ';width:20px;height:20px';
|
|
||||||
return [img];
|
|
||||||
} else return [item];
|
|
||||||
},
|
|
||||||
// 是否通过 rich-text 显示
|
|
||||||
useRichText: function(item) {
|
|
||||||
return !item.c && !inlineTags[item.name] && (item.attrs.style || '').indexOf('display:inline') == -1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,476 +0,0 @@
|
|||||||
<!--
|
|
||||||
trees 递归显示组件
|
|
||||||
github：https://github.com/jin-yufeng/Parser
|
|
||||||
docs：https://jin-yufeng.github.io/Parser
|
|
||||||
插件市场：https://ext.dcloud.net.cn/plugin?id=805
|
|
||||||
author：JinYufeng
|
|
||||||
update：2020/04/13
|
|
||||||
-->
|
|
||||||
<template>
|
|
||||||
<view class="interlayer">
|
|
||||||
<block v-for="(n, index) in nodes" v-bind:key="index">
|
|
||||||
<!--图片-->
|
|
||||||
<!--#ifdef MP-WEIXIN || MP-QQ || MP-ALIPAY || APP-PLUS-->
|
|
||||||
<rich-text v-if="n.name=='img'" :id="n.attrs.id" class="_img" :style="''+handler.getStyle(n.attrs.style)" :nodes="handler.getNode(n,!lazyLoad||imgLoad)"
|
|
||||||
:data-attrs="n.attrs" @tap="imgtap" @longpress="imglongtap" />
|
|
||||||
<!--#endif-->
|
|
||||||
<!--#ifdef MP-BAIDU || MP-TOUTIAO-->
|
|
||||||
<rich-text v-if="n.name=='img'" :id="n.attrs.id" class="_img" :style="n.attrs.contain" :nodes='[n]' :data-attrs="n.attrs"
|
|
||||||
@tap="imgtap" @longpress="imglongtap" />
|
|
||||||
<!--#endif-->
|
|
||||||
<!--文本-->
|
|
||||||
<!--#ifdef MP-WEIXIN || MP-QQ || APP-PLUS-->
|
|
||||||
<rich-text v-else-if="n.decode" class="_entity" :nodes="[n]"></rich-text>
|
|
||||||
<!--#endif-->
|
|
||||||
<text v-else-if="n.type=='text'" decode>{{n.text}}</text>
|
|
||||||
<text v-else-if="n.name=='br'">\n</text>
|
|
||||||
<!--视频-->
|
|
||||||
<view v-else-if="n.name=='video'">
|
|
||||||
<view v-if="(!loadVideo||n.lazyLoad)&&!(controls[n.attrs.id]&&controls[n.attrs.id].play)" :id="n.attrs.id" :class="'_video '+(n.attrs.class||'')"
|
|
||||||
:style="n.attrs.style" @tap="_loadVideo" />
|
|
||||||
<video v-else :id="n.attrs.id" :class="n.attrs.class" :style="n.attrs.style" :autoplay="n.attrs.autoplay||(controls[n.attrs.id]&&controls[n.attrs.id].play)"
|
|
||||||
:controls="n.attrs.controls" :loop="n.attrs.loop" :muted="n.attrs.muted" :poster="n.attrs.poster" :src="n.attrs.source[(controls[n.attrs.id]&&controls[n.attrs.id].index)||0]"
|
|
||||||
:unit-id="n.attrs['unit-id']" :data-id="n.attrs.id" data-from="video" data-source="source" @error="error" @play="play" />
|
|
||||||
</view>
|
|
||||||
<!--音频-->
|
|
||||||
<audio v-else-if="n.name=='audio'" :class="n.attrs.class" :style="n.attrs.style" :author="n.attrs.author" :autoplay="n.attrs.autoplay"
|
|
||||||
:controls="n.attrs.controls" :loop="n.attrs.loop" :name="n.attrs.name" :poster="n.attrs.poster" :src="n.attrs.source[(controls[n.attrs.id]&&controls[n.attrs.id].index)||0]"
|
|
||||||
:data-id="n.attrs.id" data-from="audio" data-source="source" @error="error" @play="play" />
|
|
||||||
<!--链接-->
|
|
||||||
<view v-else-if="n.name=='a'" :class="'_a '+(n.attrs.class||'')" hover-class="_hover" :style="n.attrs.style"
|
|
||||||
:data-attrs="n.attrs" @tap="linkpress">
|
|
||||||
<trees class="_span" :nodes="n.children" />
|
|
||||||
</view>
|
|
||||||
<!--广告（按需打开注释）-->
|
|
||||||
<!--#ifdef MP-WEIXIN || MP-QQ || MP-TOUTIAO-->
|
|
||||||
<!--<ad v-else-if="n.name=='ad'" :class="n.attrs.class" :style="n.attrs.style" :unit-id="n.attrs['unit-id']"
|
|
||||||
data-from="ad" @error="error" />-->
|
|
||||||
<!--#endif-->
|
|
||||||
<!--#ifdef MP-BAIDU-->
|
|
||||||
<!--<ad v-else-if="n.name=='ad'" :class="n.attrs.class" :style="n.attrs.style" :appid="n.attrs.appid"
|
|
||||||
:apid="n.attrs.apid" :type="n.attrs.type" data-from="ad" @error="error" />-->
|
|
||||||
<!--#endif-->
|
|
||||||
<!--#ifdef APP-PLUS-->
|
|
||||||
<!--<ad v-else-if="n.name=='ad'" :class="n.attrs.class" :style="n.attrs.style" :adpid="n.attrs.adpid"
|
|
||||||
data-from="ad" @error="error" />-->
|
|
||||||
<!--#endif-->
|
|
||||||
<!--列表-->
|
|
||||||
<view v-else-if="n.name=='li'" :id="n.attrs.id" :class="n.attrs.class" :style="(n.attrs.style||'')+';display:flex'">
|
|
||||||
<view v-if="n.type=='ol'" class="_ol-bef">{{n.num}}</view>
|
|
||||||
<view v-else class="_ul-bef">
|
|
||||||
<view v-if="n.floor%3==0" class="_ul-p1">█</view>
|
|
||||||
<view v-else-if="n.floor%3==2" class="_ul-p2" />
|
|
||||||
<view v-else class="_ul-p1" style="border-radius:50%">█</view>
|
|
||||||
</view>
|
|
||||||
<!--#ifdef MP-ALIPAY-->
|
|
||||||
<view class="_li">
|
|
||||||
<trees :nodes="n.children" />
|
|
||||||
</view>
|
|
||||||
<!--#endif-->
|
|
||||||
<!--#ifndef MP-ALIPAY-->
|
|
||||||
<trees class="_li" :nodes="n.children" :lazyLoad="lazyLoad" :loadVideo="loadVideo" />
|
|
||||||
<!--#endif-->
|
|
||||||
</view>
|
|
||||||
<!--表格-->
|
|
||||||
<view v-else-if="n.name=='table'&&n.c" :id="n.attrs.id" :class="n.attrs.class" :style="(n.attrs.style||'')+';display:table'">
|
|
||||||
<view v-for="(tbody, i) in n.children" v-bind:key="i" :class="tbody.attrs.class" :style="(tbody.attrs.style||'')+(tbody.name[0]=='t'?';display:table-'+(tbody.name=='tr'?'row':'row-group'):'')">
|
|
||||||
<view v-for="(tr, j) in tbody.children" v-bind:key="j" :class="tr.attrs.class" :style="(tr.attrs.style||'')+(tr.name[0]=='t'?';display:table-'+(tr.name=='tr'?'row':'cell'):'')">
|
|
||||||
<trees v-if="tr.name=='td'" :nodes="tr.children" :lazyLoad="lazyLoad" :loadVideo="loadVideo" />
|
|
||||||
<block v-else>
|
|
||||||
<!--#ifdef MP-ALIPAY-->
|
|
||||||
<view v-for="(td, k) in tr.children" v-bind:key="k" :class="td.attrs.class" :style="(td.attrs.style||'')+(td.name[0]=='t'?';display:table-'+(td.name=='tr'?'row':'cell'):'')">
|
|
||||||
<trees :nodes="td.children" />
|
|
||||||
</view>
|
|
||||||
<!--#endif-->
|
|
||||||
<!--#ifndef MP-ALIPAY-->
|
|
||||||
<trees v-for="(td, k) in tr.children" v-bind:key="k" :class="td.attrs.class" :style="(td.attrs.style||'')+(td.name[0]=='t'?';display:table-'+(td.name=='tr'?'row':'cell'):'')"
|
|
||||||
:nodes="td.children" :lazyLoad="lazyLoad" :loadVideo="loadVideo" />
|
|
||||||
<!--#endif-->
|
|
||||||
</block>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<!--#ifdef APP-PLUS-->
|
|
||||||
<iframe v-else-if="n.name=='iframe'" :style="n.attrs.style" :allowfullscreen="n.attrs.allowfullscreen" :frameborder="n.attrs.frameborder"
|
|
||||||
:width="n.attrs.width" :height="n.attrs.height" :src="n.attrs.src" />
|
|
||||||
<embed v-else-if="n.name=='embed'" :style="n.attrs.style" :width="n.attrs.width" :height="n.attrs.height" :src="n.attrs.src" />
|
|
||||||
<!--#endif-->
|
|
||||||
<!--富文本-->
|
|
||||||
<!--#ifdef MP-WEIXIN || MP-QQ || MP-ALIPAY || APP-PLUS-->
|
|
||||||
<rich-text v-else-if="handler.useRichText(n)" :id="n.attrs.id" :class="'_p __'+n.name" :nodes="[n]" />
|
|
||||||
<!--#endif-->
|
|
||||||
<!--#ifdef MP-BAIDU || MP-TOUTIAO-->
|
|
||||||
<rich-text v-else-if="!(n.c||n.continue)" :id="n.attrs.id" :class="_p" :style="n.attrs.contain" :nodes="[n]" />
|
|
||||||
<!--#endif-->
|
|
||||||
<!--#ifdef MP-ALIPAY-->
|
|
||||||
<view v-else :id="n.attrs.id" :class="'_'+n.name+' '+(n.attrs.class||'')" :style="n.attrs.style">
|
|
||||||
<trees :nodes="n.children" />
|
|
||||||
</view>
|
|
||||||
<!--#endif-->
|
|
||||||
<!--#ifndef MP-ALIPAY-->
|
|
||||||
<trees v-else :class="(n.attrs.id||'')+' _'+n.name+' '+(n.attrs.class||'')" :style="n.attrs.style" :nodes="n.children"
|
|
||||||
:lazyLoad="lazyLoad" :loadVideo="loadVideo" />
|
|
||||||
<!--#endif-->
|
|
||||||
</block>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
<script module="handler" lang="wxs" src="./handler.wxs"></script>
|
|
||||||
<script module="handler" lang="sjs" src="./handler.sjs"></script>
|
|
||||||
<script>
|
|
||||||
global.Parser = {};
|
|
||||||
import trees from './trees'
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
trees
|
|
||||||
},
|
|
||||||
name: 'trees',
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
controls: {},
|
|
||||||
// #ifdef MP-WEIXIN || MP-QQ || APP-PLUS
|
|
||||||
imgLoad: false,
|
|
||||||
// #endif
|
|
||||||
// #ifndef APP-PLUS
|
|
||||||
loadVideo: true
|
|
||||||
// #endif
|
|
||||||
}
|
|
||||||
},
|
|
||||||
props: {
|
|
||||||
nodes: Array,
|
|
||||||
// #ifdef MP-WEIXIN || MP-QQ || H5 || APP-PLUS
|
|
||||||
lazyLoad: Boolean,
|
|
||||||
// #endif
|
|
||||||
// #ifdef APP-PLUS
|
|
||||||
loadVideo: Boolean
|
|
||||||
// #endif
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
// 获取顶层组件
|
|
||||||
this.top = this.$parent;
|
|
||||||
while (this.top.$options.name != 'parser') {
|
|
||||||
if (this.top.top) {
|
|
||||||
this.top = this.top.top;
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
this.top = this.top.$parent;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// #ifdef MP-WEIXIN || MP-QQ || APP-PLUS
|
|
||||||
beforeDestroy() {
|
|
||||||
if (this.observer)
|
|
||||||
this.observer.disconnect();
|
|
||||||
},
|
|
||||||
// #endif
|
|
||||||
methods: {
|
|
||||||
// #ifndef MP-ALIPAY
|
|
||||||
play(e) {
|
|
||||||
if (this.top.videoContexts.length > 1 && this.top.autopause)
|
|
||||||
for (var i = this.top.videoContexts.length; i--;)
|
|
||||||
if (this.top.videoContexts[i].id != e.currentTarget.dataset.id)
|
|
||||||
this.top.videoContexts[i].pause();
|
|
||||||
},
|
|
||||||
// #endif
|
|
||||||
imgtap(e) {
|
|
||||||
var attrs = e.currentTarget.dataset.attrs;
|
|
||||||
if (!attrs.ignore) {
|
|
||||||
var preview = true, data = {
|
|
||||||
id: e.target.id,
|
|
||||||
src: attrs.src,
|
|
||||||
ignore: () => preview = false
|
|
||||||
};
|
|
||||||
global.Parser.onImgtap && global.Parser.onImgtap(data);
|
|
||||||
this.top.$emit('imgtap', data);
|
|
||||||
if (preview) {
|
|
||||||
var urls = this.top.imgList,
|
|
||||||
current = urls[attrs.i] ? parseInt(attrs.i) : (urls = [attrs.src], 0);
|
|
||||||
uni.previewImage({
|
|
||||||
current,
|
|
||||||
urls
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
imglongtap(e) {
|
|
||||||
var attrs = e.item.dataset.attrs;
|
|
||||||
if (!attrs.ignore)
|
|
||||||
this.top.$emit('imglongtap', {
|
|
||||||
id: e.target.id,
|
|
||||||
src: attrs.src
|
|
||||||
})
|
|
||||||
},
|
|
||||||
linkpress(e) {
|
|
||||||
var jump = true,
|
|
||||||
attrs = e.currentTarget.dataset.attrs;
|
|
||||||
attrs.ignore = () => jump = false;
|
|
||||||
global.Parser.onLinkpress && global.Parser.onLinkpress(attrs);
|
|
||||||
this.top.$emit('linkpress', attrs);
|
|
||||||
if (jump) {
|
|
||||||
// #ifdef MP
|
|
||||||
if (attrs['app-id']) {
|
|
||||||
return uni.navigateToMiniProgram({
|
|
||||||
appId: attrs['app-id'],
|
|
||||||
path: attrs.path
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// #endif
|
|
||||||
if (attrs.href) {
|
|
||||||
if (attrs.href[0] == '#') {
|
|
||||||
if (this.top.useAnchor)
|
|
||||||
this.top.navigateTo({
|
|
||||||
id: attrs.href.substring(1)
|
|
||||||
})
|
|
||||||
} else if (attrs.href.indexOf('http') == 0 || attrs.href.indexOf('//') == 0) {
|
|
||||||
// #ifdef APP-PLUS
|
|
||||||
plus.runtime.openWeb(attrs.href);
|
|
||||||
// #endif
|
|
||||||
// #ifndef APP-PLUS
|
|
||||||
uni.setClipboardData({
|
|
||||||
data: attrs.href,
|
|
||||||
success: () =>
|
|
||||||
uni.showToast({
|
|
||||||
title: '链接已复制'
|
|
||||||
})
|
|
||||||
})
|
|
||||||
// #endif
|
|
||||||
} else
|
|
||||||
uni.navigateTo({
|
|
||||||
url: attrs.href
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
error(e) {
|
|
||||||
var context, target = e.currentTarget,
|
|
||||||
source = target.dataset.from;
|
|
||||||
if (source == 'video' || source == 'audio') {
|
|
||||||
// 加载其他 source
|
|
||||||
var index = this.controls[target.id] ? this.controls[target.id].index + 1 : 1;
|
|
||||||
if (index < target.dataset.source.length)
|
|
||||||
this.$set(this.controls, target.id + '.index', index);
|
|
||||||
if (source == 'video') context = uni.createVideoContext(target.id, this);
|
|
||||||
}
|
|
||||||
this.top && this.top.$emit('error', {
|
|
||||||
source,
|
|
||||||
target,
|
|
||||||
errMsg: e.detail.errMsg,
|
|
||||||
errCode: e.detail.errCode,
|
|
||||||
context
|
|
||||||
});
|
|
||||||
},
|
|
||||||
_loadVideo(e) {
|
|
||||||
this.$set(this.controls, e.currentTarget.id, {
|
|
||||||
play: true,
|
|
||||||
index: 0
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
/* 在这里引入自定义样式 */
|
|
||||||
|
|
||||||
/* 链接和图片效果 */
|
|
||||||
._a {
|
|
||||||
display: inline;
|
|
||||||
color: #366092;
|
|
||||||
word-break: break-all;
|
|
||||||
padding: 1.5px 0 1.5px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
._hover {
|
|
||||||
opacity: 0.7;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
._img {
|
|
||||||
display: inline-block;
|
|
||||||
text-indent: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* #ifdef MP-WEIXIN */
|
|
||||||
:host {
|
|
||||||
display: inline;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* #endif */
|
|
||||||
|
|
||||||
/* #ifdef MP */
|
|
||||||
.interlayer {
|
|
||||||
align-content: inherit;
|
|
||||||
align-items: inherit;
|
|
||||||
display: inherit;
|
|
||||||
flex-direction: inherit;
|
|
||||||
flex-wrap: inherit;
|
|
||||||
justify-content: inherit;
|
|
||||||
width: 100%;
|
|
||||||
white-space: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* #endif */
|
|
||||||
|
|
||||||
._b,
|
|
||||||
._strong {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
._blockquote,
|
|
||||||
._div,
|
|
||||||
._p,
|
|
||||||
._ol,
|
|
||||||
._ul,
|
|
||||||
._li {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
._code {
|
|
||||||
font-family: monospace;
|
|
||||||
}
|
|
||||||
|
|
||||||
._del {
|
|
||||||
text-decoration: line-through;
|
|
||||||
}
|
|
||||||
|
|
||||||
._em,
|
|
||||||
._i {
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
._h1 {
|
|
||||||
font-size: 2em;
|
|
||||||
}
|
|
||||||
|
|
||||||
._h2 {
|
|
||||||
font-size: 1.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
._h3 {
|
|
||||||
font-size: 1.17em;
|
|
||||||
}
|
|
||||||
|
|
||||||
._h5 {
|
|
||||||
font-size: 0.83em;
|
|
||||||
}
|
|
||||||
|
|
||||||
._h6 {
|
|
||||||
font-size: 0.67em;
|
|
||||||
}
|
|
||||||
|
|
||||||
._h1,
|
|
||||||
._h2,
|
|
||||||
._h3,
|
|
||||||
._h4,
|
|
||||||
._h5,
|
|
||||||
._h6 {
|
|
||||||
display: block;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
._ins {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
._li {
|
|
||||||
flex: 1;
|
|
||||||
width: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
._ol-bef {
|
|
||||||
margin-right: 5px;
|
|
||||||
text-align: right;
|
|
||||||
width: 36px;
|
|
||||||
}
|
|
||||||
|
|
||||||
._ul-bef {
|
|
||||||
line-height: normal;
|
|
||||||
margin: 0 12px 0 23px;
|
|
||||||
}
|
|
||||||
|
|
||||||
._ol-bef,
|
|
||||||
._ul_bef {
|
|
||||||
flex: none;
|
|
||||||
user-select: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
._ul-p1 {
|
|
||||||
display: inline-block;
|
|
||||||
height: 0.3em;
|
|
||||||
line-height: 0.3em;
|
|
||||||
overflow: hidden;
|
|
||||||
width: 0.3em;
|
|
||||||
}
|
|
||||||
|
|
||||||
._ul-p2 {
|
|
||||||
border: 0.05em solid black;
|
|
||||||
border-radius: 50%;
|
|
||||||
display: inline-block;
|
|
||||||
height: 0.23em;
|
|
||||||
width: 0.23em;
|
|
||||||
}
|
|
||||||
|
|
||||||
._q::before {
|
|
||||||
content: '"';
|
|
||||||
}
|
|
||||||
|
|
||||||
._q::after {
|
|
||||||
content: '"';
|
|
||||||
}
|
|
||||||
|
|
||||||
._sub {
|
|
||||||
font-size: smaller;
|
|
||||||
vertical-align: sub;
|
|
||||||
}
|
|
||||||
|
|
||||||
._sup {
|
|
||||||
font-size: smaller;
|
|
||||||
vertical-align: super;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* #ifndef MP-WEIXIN */
|
|
||||||
._abbr,
|
|
||||||
._b,
|
|
||||||
._code,
|
|
||||||
._del,
|
|
||||||
._em,
|
|
||||||
._i,
|
|
||||||
._ins,
|
|
||||||
._label,
|
|
||||||
._q,
|
|
||||||
._span,
|
|
||||||
._strong,
|
|
||||||
._sub,
|
|
||||||
._sup {
|
|
||||||
display: inline;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* #endif */
|
|
||||||
|
|
||||||
/* #ifdef MP-WEIXIN || MP-QQ || MP-ALIPAY */
|
|
||||||
.__bdo,
|
|
||||||
.__bdi,
|
|
||||||
.__ruby,
|
|
||||||
.__rt,
|
|
||||||
._entity {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* #endif */
|
|
||||||
._video {
|
|
||||||
background-color: black;
|
|
||||||
display: inline-block;
|
|
||||||
height: 225px;
|
|
||||||
position: relative;
|
|
||||||
width: 300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
._video::after {
|
|
||||||
border-color: transparent transparent transparent white;
|
|
||||||
border-style: solid;
|
|
||||||
border-width: 15px 0 15px 30px;
|
|
||||||
content: '';
|
|
||||||
left: 50%;
|
|
||||||
margin: -15px 0 0 -15px;
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,296 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view v-if="isUp">
|
|
||||||
<view class="mobile-bg" v-if="isShow" @click="close"></view>
|
|
||||||
<view class="mobile-mask animated" :class="{slideInUp:isUp}" :style="{position:isPos?'fixed':'static'}">
|
|
||||||
<view class="input-item">
|
|
||||||
<input type="text" v-model="account" placeholder="输入手机号" />
|
|
||||||
</view>
|
|
||||||
<view class="input-item">
|
|
||||||
<input type="text" v-model="codeNum" placeholder="输入验证码" />
|
|
||||||
<button class="code" :disabled="disabled" @click="code">{{text}}</button>
|
|
||||||
</view>
|
|
||||||
<view class="sub_btn" @click="loginBtn">{{(!userInfo.phone && isLogin) || (userInfo.phone && isLogin)?'立即绑定':'立即登录'}}</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
const app = getApp();
|
|
||||||
import sendVerifyCode from "@/mixins/SendVerifyCode";
|
|
||||||
import Routine from '@/libs/routine';
|
|
||||||
import {mapGetters} from "vuex";
|
|
||||||
import {
|
|
||||||
loginMobile,
|
|
||||||
registerVerify,
|
|
||||||
getCodeApi,
|
|
||||||
getUserInfo,
|
|
||||||
phoneSilenceAuth,
|
|
||||||
phoneWxSilenceAuth
|
|
||||||
} from "@/api/user";
|
|
||||||
import {
|
|
||||||
bindingPhone
|
|
||||||
} from '@/api/api.js'
|
|
||||||
import {
|
|
||||||
getUserPhone,
|
|
||||||
iosBinding
|
|
||||||
} from '@/api/public';
|
|
||||||
const BACK_URL = "login_back_url";
|
|
||||||
export default {
|
|
||||||
name: 'login_mobile',
|
|
||||||
computed: mapGetters(['userInfo','isLogin']),
|
|
||||||
props: {
|
|
||||||
isUp: {
|
|
||||||
type: Boolean,
|
|
||||||
default: false,
|
|
||||||
},
|
|
||||||
authKey: {
|
|
||||||
type: String,
|
|
||||||
default: '',
|
|
||||||
},
|
|
||||||
isShow: {
|
|
||||||
type: Boolean,
|
|
||||||
default: true
|
|
||||||
},
|
|
||||||
isPos: {
|
|
||||||
type: Boolean,
|
|
||||||
default: true
|
|
||||||
},
|
|
||||||
appleShow: {
|
|
||||||
type: String,
|
|
||||||
default: ''
|
|
||||||
},
|
|
||||||
platform: {
|
|
||||||
type: String,
|
|
||||||
default: '',
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
keyCode: '',
|
|
||||||
account: '',
|
|
||||||
codeNum: '',
|
|
||||||
isApp: 0
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mixins: [sendVerifyCode],
|
|
||||||
mounted() {
|
|
||||||
//this.getCode();
|
|
||||||
},
|
|
||||||
onLoad() {
|
|
||||||
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
// 获取验证码
|
|
||||||
async code() {
|
|
||||||
let that = this;
|
|
||||||
if (!that.account) return that.$util.Tips({
|
|
||||||
title: '请填写手机号码'
|
|
||||||
});
|
|
||||||
if (!/^1(3|4|5|7|8|9|6)\d{9}$/i.test(that.account)) return that.$util.Tips({
|
|
||||||
title: '请输入正确的手机号码'
|
|
||||||
});
|
|
||||||
await registerVerify(that.account).then(res => {
|
|
||||||
that.$util.Tips({
|
|
||||||
title: res.msg
|
|
||||||
});
|
|
||||||
that.sendCode();
|
|
||||||
}).catch(err => {
|
|
||||||
return that.$util.Tips({
|
|
||||||
title: err
|
|
||||||
})
|
|
||||||
})
|
|
||||||
},
|
|
||||||
// 获取验证码api
|
|
||||||
getCode() {
|
|
||||||
let that = this
|
|
||||||
getCodeApi().then(res => {
|
|
||||||
that.keyCode = res.data.key;
|
|
||||||
}).catch(res => {
|
|
||||||
that.$util.Tips({
|
|
||||||
title: res
|
|
||||||
});
|
|
||||||
});
|
|
||||||
},
|
|
||||||
close() {
|
|
||||||
this.$emit('close', false)
|
|
||||||
},
|
|
||||||
// 登录
|
|
||||||
loginBtn() {
|
|
||||||
let that = this
|
|
||||||
if (!that.account) return that.$util.Tips({
|
|
||||||
title: '请填写手机号码'
|
|
||||||
});
|
|
||||||
if (!/^1(3|4|5|7|8|9|6)\d{9}$/i.test(that.account)) return that.$util.Tips({
|
|
||||||
title: '请输入正确的手机号码'
|
|
||||||
});
|
|
||||||
if (!that.codeNum) return that.$util.Tips({
|
|
||||||
title: '请填写验证码'
|
|
||||||
});
|
|
||||||
if (!/^[\w\d]+$/i.test(that.codeNum)) return that.$util.Tips({
|
|
||||||
title: '请输入正确的验证码'
|
|
||||||
});
|
|
||||||
uni.showLoading({
|
|
||||||
title: !this.userInfo.phone && this.isLogin?'正在绑定中':'正在登录中'
|
|
||||||
});
|
|
||||||
if (!this.userInfo.phone && this.isLogin) {
|
|
||||||
iosBinding({
|
|
||||||
captcha: that.codeNum,
|
|
||||||
phone: that.account
|
|
||||||
}).then(res => {
|
|
||||||
that.$util.Tips({
|
|
||||||
title: '绑定手机号成功',
|
|
||||||
icon: 'success'
|
|
||||||
}, {
|
|
||||||
tab: 3
|
|
||||||
})
|
|
||||||
that.isApp = 1;
|
|
||||||
that.getUserInfo();
|
|
||||||
}).catch(error => {
|
|
||||||
uni.hideLoading()
|
|
||||||
that.$util.Tips({
|
|
||||||
title: error
|
|
||||||
})
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
getUserPhone({
|
|
||||||
captcha: that.codeNum,
|
|
||||||
phone: that.account,
|
|
||||||
// #ifdef H5
|
|
||||||
type: 'public',
|
|
||||||
// #endif
|
|
||||||
key: that.authKey
|
|
||||||
}).then(res => {
|
|
||||||
that.$store.commit('LOGIN', {
|
|
||||||
token: res.data.token
|
|
||||||
});
|
|
||||||
that.$store.commit("SETUID", res.data.uid);
|
|
||||||
that.getUserInfo();
|
|
||||||
}).catch(error => {
|
|
||||||
uni.hideLoading()
|
|
||||||
that.$util.Tips({
|
|
||||||
title: error
|
|
||||||
})
|
|
||||||
})
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// #ifdef MP
|
|
||||||
phoneSilenceAuth(code) {
|
|
||||||
let self = this
|
|
||||||
phoneSilenceAuth({
|
|
||||||
code: code,
|
|
||||||
spid: app.globalData.spid,
|
|
||||||
spread: app.globalData.code,
|
|
||||||
phone: this.account,
|
|
||||||
captcha: this.codeNum
|
|
||||||
}).then(res => {
|
|
||||||
this.$store.commit('LOGIN', res.data.token);
|
|
||||||
this.$store.commit("SETUID", res.data.uid);
|
|
||||||
this.getUserInfo();
|
|
||||||
}).catch(error => {
|
|
||||||
self.$util.Tips({
|
|
||||||
title: error
|
|
||||||
})
|
|
||||||
})
|
|
||||||
},
|
|
||||||
// #endif
|
|
||||||
/**
|
|
||||||
* 获取个人用户信息
|
|
||||||
*/
|
|
||||||
getUserInfo: function() {
|
|
||||||
let that = this;
|
|
||||||
getUserInfo().then(res => {
|
|
||||||
uni.hideLoading();
|
|
||||||
that.$store.commit("UPDATE_USERINFO", res.data);
|
|
||||||
// #ifdef MP
|
|
||||||
that.$util.Tips({
|
|
||||||
title: '登录成功',
|
|
||||||
icon: 'success'
|
|
||||||
}, {
|
|
||||||
tab: 3
|
|
||||||
})
|
|
||||||
that.close()
|
|
||||||
// #endif
|
|
||||||
// #ifdef H5
|
|
||||||
that.$emit('wechatPhone', true)
|
|
||||||
// #endif
|
|
||||||
});
|
|
||||||
},
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="stylus" scoped>
|
|
||||||
.mobile-bg {
|
|
||||||
position: fixed;
|
|
||||||
left: 0;
|
|
||||||
top: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
background: rgba(0, 0, 0, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.isPos {
|
|
||||||
position: static;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mobile-mask {
|
|
||||||
z-index: 20;
|
|
||||||
// position: fixed;
|
|
||||||
left: 0;
|
|
||||||
bottom: 0;
|
|
||||||
width: 100%;
|
|
||||||
padding: 67rpx 30rpx;
|
|
||||||
background: #fff;
|
|
||||||
|
|
||||||
.input-item {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
width: 100%;
|
|
||||||
height: 86rpx;
|
|
||||||
margin-bottom: 38rpx;
|
|
||||||
|
|
||||||
input {
|
|
||||||
flex: 1;
|
|
||||||
display: block;
|
|
||||||
height: 100%;
|
|
||||||
padding-left: 40rpx;
|
|
||||||
border-radius: 43rpx;
|
|
||||||
border: 1px solid #DCDCDC;
|
|
||||||
}
|
|
||||||
|
|
||||||
.code {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
width: 220rpx;
|
|
||||||
height: 86rpx;
|
|
||||||
margin-left: 30rpx;
|
|
||||||
background: rgba(233, 51, 35, 0.05);
|
|
||||||
font-size: 28rpx;
|
|
||||||
color: $theme-color;
|
|
||||||
border-radius: 43rpx;
|
|
||||||
|
|
||||||
&[disabled] {
|
|
||||||
background: rgba(0, 0, 0, 0.05);
|
|
||||||
color: #999;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.sub_btn {
|
|
||||||
width: 690rpx;
|
|
||||||
height: 86rpx;
|
|
||||||
line-height: 86rpx;
|
|
||||||
margin-top: 60rpx;
|
|
||||||
background: #E93323;
|
|
||||||
border-radius: 43rpx;
|
|
||||||
color: #fff;
|
|
||||||
font-size: 28rpx;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.animated {
|
|
||||||
animation-duration: .4s
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,160 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view v-if="isPhoneBox">
|
|
||||||
<view class="mobile-bg" @click="close"></view>
|
|
||||||
<view class="mobile-mask animated" :class="{slideInUp:isUp}">
|
|
||||||
<view class="info-box">
|
|
||||||
<image :src="logoUrl"></image>
|
|
||||||
<view class="title">获取授权</view>
|
|
||||||
<view class="txt">获取微信的手机号授权</view>
|
|
||||||
</view>
|
|
||||||
<button class="sub_btn" open-type="getPhoneNumber" @getphonenumber="getphonenumber">获取微信手机号</button>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
const app = getApp();
|
|
||||||
import Routine from '@/libs/routine';
|
|
||||||
import {
|
|
||||||
loginMobile,
|
|
||||||
registerVerify,
|
|
||||||
getCodeApi,
|
|
||||||
getUserInfo
|
|
||||||
} from "@/api/user";
|
|
||||||
import { getLogo, getUserPhone } from '@/api/public';
|
|
||||||
export default{
|
|
||||||
name:'routine_phone',
|
|
||||||
props:{
|
|
||||||
isPhoneBox:{
|
|
||||||
type:Boolean,
|
|
||||||
default:false,
|
|
||||||
},
|
|
||||||
logoUrl:{
|
|
||||||
type:String,
|
|
||||||
default:'',
|
|
||||||
},
|
|
||||||
authKey:{
|
|
||||||
type:String,
|
|
||||||
default:'',
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data(){
|
|
||||||
return {
|
|
||||||
keyCode:'',
|
|
||||||
account:'',
|
|
||||||
codeNum:'',
|
|
||||||
isStatus:false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
},
|
|
||||||
methods:{
|
|
||||||
// #ifdef MP
|
|
||||||
// 小程序获取手机号码
|
|
||||||
getphonenumber(e){
|
|
||||||
uni.showLoading({ title: '加载中' });
|
|
||||||
Routine.getCode()
|
|
||||||
.then(code => {
|
|
||||||
this.getUserPhoneNumber(e.detail.encryptedData, e.detail.iv, code);
|
|
||||||
})
|
|
||||||
.catch(error => {
|
|
||||||
uni.hideLoading();
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 小程序获取手机号码回调
|
|
||||||
getUserPhoneNumber(encryptedData, iv, code) {
|
|
||||||
getUserPhone({
|
|
||||||
encryptedData: encryptedData,
|
|
||||||
iv: iv,
|
|
||||||
code: code,
|
|
||||||
key:this.authKey,
|
|
||||||
type: 'routine'
|
|
||||||
})
|
|
||||||
.then(res => {
|
|
||||||
this.$store.commit('LOGIN', {
|
|
||||||
token: res.data.token
|
|
||||||
});
|
|
||||||
this.$store.commit("SETUID", res.data.uid);
|
|
||||||
this.getUserInfo();
|
|
||||||
})
|
|
||||||
.catch(res => {
|
|
||||||
uni.hideLoading();
|
|
||||||
this.$util.Tips({
|
|
||||||
title: res
|
|
||||||
});
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/**
|
|
||||||
* 获取个人用户信息
|
|
||||||
*/
|
|
||||||
getUserInfo: function() {
|
|
||||||
let that = this;
|
|
||||||
getUserInfo().then(res => {
|
|
||||||
uni.hideLoading();
|
|
||||||
that.userInfo = res.data
|
|
||||||
that.$store.commit("UPDATE_USERINFO", res.data);
|
|
||||||
that.isStatus = true
|
|
||||||
this.close()
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// #endif
|
|
||||||
close(){
|
|
||||||
this.$emit('close',{isStatus:this.isStatus})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss">
|
|
||||||
.mobile-bg{
|
|
||||||
position: fixed;
|
|
||||||
left: 0;
|
|
||||||
top: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
background: rgba(0,0,0,0.5);
|
|
||||||
}
|
|
||||||
.mobile-mask {
|
|
||||||
z-index: 20;
|
|
||||||
position: fixed;
|
|
||||||
left: 0;
|
|
||||||
bottom: 0;
|
|
||||||
width: 100%;
|
|
||||||
padding: 67rpx 30rpx;
|
|
||||||
background: #fff;
|
|
||||||
.info-box{
|
|
||||||
display:flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
image{
|
|
||||||
width: 150rpx;
|
|
||||||
height: 150rpx;
|
|
||||||
border-radius: 10rpx;
|
|
||||||
}
|
|
||||||
.title{
|
|
||||||
margin-top: 30rpx;
|
|
||||||
margin-bottom: 20rpx;
|
|
||||||
font-size: 36rpx;
|
|
||||||
}
|
|
||||||
.txt{
|
|
||||||
font-size: 30rpx;
|
|
||||||
color: #868686;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.sub_btn{
|
|
||||||
width: 690rpx;
|
|
||||||
height: 86rpx;
|
|
||||||
line-height: 86rpx;
|
|
||||||
margin-top: 60rpx;
|
|
||||||
background: $theme-color;
|
|
||||||
border-radius: 43rpx;
|
|
||||||
color: #fff;
|
|
||||||
font-size: 28rpx;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.animated{
|
|
||||||
animation-duration:.4s
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,406 +0,0 @@
|
|||||||
.mpvue-calendar {
|
|
||||||
margin:auto;
|
|
||||||
width: 100%;
|
|
||||||
min-width:350px;
|
|
||||||
background: #fff;
|
|
||||||
user-select:none;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.calendar-tools{
|
|
||||||
height:40px;
|
|
||||||
font-size: 20px;
|
|
||||||
line-height: 40px;
|
|
||||||
color:#5e7a88;
|
|
||||||
box-shadow: 0px 4px 8px rgba(25, 47, 89, 0.1);
|
|
||||||
margin-bottom: 20px;
|
|
||||||
border-top: 1px solid rgba(200, 200, 200, .1);
|
|
||||||
}
|
|
||||||
.calendar-tools span{
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
.calendar-prev{
|
|
||||||
width: 14.28571429%;
|
|
||||||
float:left;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.calendar-prev img, .calendar-next img{
|
|
||||||
width: 34px;
|
|
||||||
height: 34px;
|
|
||||||
}
|
|
||||||
.calendar-info{
|
|
||||||
font-size:16px;
|
|
||||||
line-height: 1.3;
|
|
||||||
text-align: center;
|
|
||||||
width: 220px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
.calendar-info>div.mc-month{
|
|
||||||
margin:auto;
|
|
||||||
height:24px;
|
|
||||||
width:100px;
|
|
||||||
text-align: center;
|
|
||||||
color:#5e7a88;
|
|
||||||
overflow: hidden;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.calendar-info>div.mc-month .mc-month-inner{
|
|
||||||
position: absolute;
|
|
||||||
left:0;
|
|
||||||
top:0;
|
|
||||||
height:480px;
|
|
||||||
}
|
|
||||||
.month-transition{
|
|
||||||
transition:top .5s cubic-bezier(0.075, 0.82, 0.165, 1);
|
|
||||||
}
|
|
||||||
.calendar-info .mc-month-text{
|
|
||||||
display:block;
|
|
||||||
font-size:28px;
|
|
||||||
height:40px;
|
|
||||||
width:200px;
|
|
||||||
overflow:hidden;
|
|
||||||
text-align:center;
|
|
||||||
}
|
|
||||||
.calendar-info>div.mc-month .mc-month-inner>span{
|
|
||||||
display: block;
|
|
||||||
font-size: 14px;
|
|
||||||
height:24px;
|
|
||||||
line-height:24px;
|
|
||||||
width:100px;
|
|
||||||
overflow: hidden;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.calendar-info>div.mc-year{
|
|
||||||
font-size:10px;
|
|
||||||
line-height: 1;
|
|
||||||
color:#999;
|
|
||||||
}
|
|
||||||
.calendar-next{
|
|
||||||
width: 14.28571429%;
|
|
||||||
float:right;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.mpvue-calendar table {
|
|
||||||
clear: both;
|
|
||||||
width: 100%;
|
|
||||||
margin-bottom:10px;
|
|
||||||
border-collapse: collapse;
|
|
||||||
color: #444444;
|
|
||||||
}
|
|
||||||
.mpvue-calendar td {
|
|
||||||
margin:2px !important;
|
|
||||||
padding: 4px;
|
|
||||||
width: 14.28571429%;
|
|
||||||
box-sizing: border-box;
|
|
||||||
text-align: center;
|
|
||||||
vertical-align: middle;
|
|
||||||
font-size:14px;
|
|
||||||
cursor: pointer;
|
|
||||||
position: relative;
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
.mpvue-calendar td.mc-week{
|
|
||||||
font-size:10px;
|
|
||||||
pointer-events:none !important;
|
|
||||||
cursor: default !important;
|
|
||||||
}
|
|
||||||
.mpvue-calendar td.disabled {
|
|
||||||
color: #ccc;
|
|
||||||
}
|
|
||||||
.mpvue-calendar td.disabled div{
|
|
||||||
color: #ccc;
|
|
||||||
}
|
|
||||||
.mpvue-calendar td span{
|
|
||||||
display:block;
|
|
||||||
height:100%;
|
|
||||||
width:100%;
|
|
||||||
margin:0px auto;
|
|
||||||
border-radius:50%;
|
|
||||||
position: relative;
|
|
||||||
z-index: 3;
|
|
||||||
}
|
|
||||||
.mpvue-calendar td:not(.disabled) span.mc-date-red{
|
|
||||||
color:#ea6151;
|
|
||||||
}
|
|
||||||
.mc-today{
|
|
||||||
color: #3b75fb;
|
|
||||||
}
|
|
||||||
.mpvue-calendar td.selected span{
|
|
||||||
background-color: #3b75fb;
|
|
||||||
color: #fff;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
.mpvue-calendar td .mc-text{
|
|
||||||
box-sizing: border-box;
|
|
||||||
height: 0.7em;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow:ellipsis;
|
|
||||||
white-space: nowrap;
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0px;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
text-align: center;
|
|
||||||
font-size: 0.7em;
|
|
||||||
line-height: 0.7em;
|
|
||||||
z-index: 4;
|
|
||||||
}
|
|
||||||
.mpvue-calendar td .isGregorianFestival,
|
|
||||||
.mpvue-calendar td .isTerm,
|
|
||||||
.mpvue-calendar td .isLunarFestival{
|
|
||||||
color:#ea6151;
|
|
||||||
}
|
|
||||||
.mpvue-calendar td.selected span.mc-date-red{
|
|
||||||
background-color: #3b75fb;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.selected .mc-text {
|
|
||||||
color: #fff !important;
|
|
||||||
}
|
|
||||||
.mpvue-calendar .lunarStyle .mc-text{
|
|
||||||
overflow: visible;
|
|
||||||
bottom: 20%;
|
|
||||||
}
|
|
||||||
.mpvue-calendar thead td {
|
|
||||||
text-transform: uppercase;
|
|
||||||
height:30px;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
.mc-head {
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
.mc-head div {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.mc-head-box div {
|
|
||||||
flex:1;
|
|
||||||
text-align: center;
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
.mc-head-box {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
justify-content: center;
|
|
||||||
align-content: space-between
|
|
||||||
}
|
|
||||||
.mc-body {
|
|
||||||
padding-bottom: 20px;
|
|
||||||
}
|
|
||||||
.mc-body tr {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
justify-content: center;
|
|
||||||
align-content: space-between;
|
|
||||||
}
|
|
||||||
.mc-dot {
|
|
||||||
width: 8px;
|
|
||||||
height: 8px;
|
|
||||||
background-color: #ea6151;
|
|
||||||
border-radius: 50%;
|
|
||||||
position: absolute;
|
|
||||||
bottom: -4px;
|
|
||||||
left: 50%;
|
|
||||||
margin-left: -4px;
|
|
||||||
z-index: 5;
|
|
||||||
}
|
|
||||||
.remark-text {
|
|
||||||
box-sizing: border-box;
|
|
||||||
height: 0.7em;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow:ellipsis;
|
|
||||||
white-space: nowrap;
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0px;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
text-align: center;
|
|
||||||
font-size: 0.7em;
|
|
||||||
line-height: 0.7em;
|
|
||||||
z-index: 5;
|
|
||||||
}
|
|
||||||
.slot-element{
|
|
||||||
line-height: normal;
|
|
||||||
position: absolute;
|
|
||||||
z-index: 5;
|
|
||||||
}
|
|
||||||
.mpvue-calendar-change{
|
|
||||||
position: absolute;
|
|
||||||
left:0px;
|
|
||||||
top:42px;
|
|
||||||
right:0px;
|
|
||||||
bottom:0px;
|
|
||||||
background:#fff;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
flex-wrap:wrap;
|
|
||||||
overflow: auto;
|
|
||||||
transition:all .5s cubic-bezier(0.075, 0.82, 0.165, 1);
|
|
||||||
opacity: 0;
|
|
||||||
pointer-events: none;
|
|
||||||
transform: translateY(-10px);
|
|
||||||
z-index: 9;
|
|
||||||
}
|
|
||||||
.mpvue-calendar-change.show{
|
|
||||||
opacity: 1;
|
|
||||||
pointer-events: auto;
|
|
||||||
transform: translateY(0px);
|
|
||||||
}
|
|
||||||
.mpvue-calendar-change span{
|
|
||||||
margin:4px 2%;
|
|
||||||
display: inline-block;
|
|
||||||
line-height: 30px;
|
|
||||||
border-radius: 20px;
|
|
||||||
text-align:center;
|
|
||||||
color:#999;
|
|
||||||
width: 20%;
|
|
||||||
float: left;
|
|
||||||
text-align: center;
|
|
||||||
border-radius: 40px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
margin-bottom: 4%;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
.mpvue-calendar-change span.active{
|
|
||||||
background-color: #587dff;
|
|
||||||
box-shadow: 2px 2px 2px rgba(88, 125, 255, 0.7);
|
|
||||||
color:#fff;
|
|
||||||
}
|
|
||||||
.mpvue-calendar-change .calendar-week-switch-months{
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
.mpvue-calendar-change .calendar-week-switch-months span {
|
|
||||||
margin-bottom: 10px;
|
|
||||||
margin-top: 0px;
|
|
||||||
}
|
|
||||||
.calendar-years, .calendar-months{
|
|
||||||
height: 50%;
|
|
||||||
width: 100%;
|
|
||||||
padding: 10px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.calendar-years:after {
|
|
||||||
content: '';
|
|
||||||
display: block;
|
|
||||||
width: 86%;
|
|
||||||
height: 1px;
|
|
||||||
background-color: #eee;
|
|
||||||
position: absolute;
|
|
||||||
bottom: 2%;
|
|
||||||
left: 7%;
|
|
||||||
}
|
|
||||||
/*range background*/
|
|
||||||
.mc-range-mode .selected .mc-range-bg{
|
|
||||||
content: '';
|
|
||||||
display: block;
|
|
||||||
width: 150%;
|
|
||||||
height: 100%;
|
|
||||||
background-color: #01a1ed;
|
|
||||||
position: relative;
|
|
||||||
top: -100%;
|
|
||||||
left: 50%;
|
|
||||||
}
|
|
||||||
.mpvue-calendar .mc-range-mode .selected .calendar-date{
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
.mpvue-calendar .mc-range-mode .mc-range-row-last .calendar-date, .mpvue-calendar .mc-range-mode .mc-range-row-first .calendar-date{
|
|
||||||
border-radius: 4px;
|
|
||||||
background-color: #01a1ed;
|
|
||||||
}
|
|
||||||
.mpvue-calendar .mc-range-mode .mc-range-month-first.selected .calendar-date, .mpvue-calendar .mc-range-mode .mc-range-month-last.selected .calendar-date{
|
|
||||||
background-color: #01a1ed;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
.mc-range-mode .mc-range-month-last .mc-range-bg{
|
|
||||||
background-color: transparent;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
.mc-range-mode .mc-range-end .mc-range-bg, .mc-range-mode .mc-range-row-last .mc-range-bg{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.mc-range-row-first.mc-range-end .mc-range-bg{
|
|
||||||
display: block;
|
|
||||||
margin-left: -50%;
|
|
||||||
width: 50%;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
.mpvue-calendar .mc-range-row-first.mc-range-end.month-first-date .mc-range-bg{
|
|
||||||
margin-left: 0px;
|
|
||||||
}
|
|
||||||
.mc-range-row-last.mc-range-begin .mc-range-bg{
|
|
||||||
display: block;
|
|
||||||
width: 50%;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
.mpvue-calendar .mc-range-mode .selected.mc-range-second-to-last span{
|
|
||||||
background-color: #01a1ed;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
.mc-range-begin.mc-range-second-to-last{
|
|
||||||
background-color: #01a1ed;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
.mpvue-calendar .mc-range-mode .mc-range-end span.calendar-date, .mpvue-calendar .mc-range-mode .mc-range-begin span.calendar-date{
|
|
||||||
background-color: #3b75fb;
|
|
||||||
color: #fff;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
.mpvue-calendar .mc-range-mode .month-last-date.mc-range-begin .mc-range-bg{
|
|
||||||
display: block;
|
|
||||||
width: 50%;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
.mpvue-calendar .mc-range-mode .month-first-date.mc-range-end .mc-range-bg{
|
|
||||||
display: block;
|
|
||||||
width: 50%;
|
|
||||||
border-radius: 4px;
|
|
||||||
left: 0px;
|
|
||||||
}
|
|
||||||
.calendar-wrapper .mpvue-calendar .mc-range-mode .mc-range-select-one div.mc-range-bg{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.mc-range-mode .mc-range-second-to-last .mc-range-bg{
|
|
||||||
border-radius: 0px 25% 25% 0px;
|
|
||||||
}
|
|
||||||
.mc-today-element .calendar-date{
|
|
||||||
background-color: rgba(25, 47, 89, 0.1);
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
/*week switch*/
|
|
||||||
.mpvue-calendar .mc-range-mode.week-switch .month-last-date.mc-range-begin .mc-range-bg{
|
|
||||||
width: 150%;
|
|
||||||
border-radius: 0px 20% 20% 0px;
|
|
||||||
}
|
|
||||||
.mpvue-calendar .mc-range-mode.week-switch .mc-range-month-last .mc-range-bg{
|
|
||||||
background-color: #01a1ed;
|
|
||||||
border-radius: 0px 20% 20% 0px;
|
|
||||||
}
|
|
||||||
/*month range*/
|
|
||||||
.mpvue-calendar .month-range-mode{
|
|
||||||
border-bottom: 1px solid #f2f2f2;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.mpvue-calendar .mc-month-range-mode-head{
|
|
||||||
box-shadow: 0 4px 8px rgba(25,47,89,.1);
|
|
||||||
padding: 8px 0px;
|
|
||||||
position: sticky;
|
|
||||||
top: 0px;
|
|
||||||
background-color: #fff;
|
|
||||||
z-index: 9;
|
|
||||||
}
|
|
||||||
.month-range-mode .month-rang-head {
|
|
||||||
text-align: left;
|
|
||||||
margin: 10px 0px;
|
|
||||||
padding-left: 10px;
|
|
||||||
}
|
|
||||||
.month-range-mode .mc-last-month, .month-range-mode .mc-next-month{
|
|
||||||
opacity: 0 !important;
|
|
||||||
}
|
|
||||||
.month-text-background{
|
|
||||||
position: absolute;
|
|
||||||
font-size: 140px;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 2.4;
|
|
||||||
}
|
|
||||||
@ -1,524 +0,0 @@
|
|||||||
/**
|
|
||||||
* @1900-2100区间内的公历、农历互转
|
|
||||||
* @charset UTF-8
|
|
||||||
* @Author Jea杨(JJonline@JJonline.Cn)
|
|
||||||
* @Time 2014-7-21
|
|
||||||
* @Time 2016-8-13 Fixed 2033hex、Attribution Annals
|
|
||||||
* @Time 2016-9-25 Fixed lunar LeapMonth Param Bug
|
|
||||||
* @Version 1.0.2
|
|
||||||
* @公历转农历：calendar.solar2lunar(1987,11,01); //[you can ignore params of prefix 0]
|
|
||||||
* @农历转公历：calendar.lunar2solar(1987,09,10); //[you can ignore params of prefix 0]
|
|
||||||
*/
|
|
||||||
var calendar = {
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 农历1900-2100的润大小信息表
|
|
||||||
* @Array Of Property
|
|
||||||
* @return Hex
|
|
||||||
*/
|
|
||||||
lunarInfo:[0x04bd8,0x04ae0,0x0a570,0x054d5,0x0d260,0x0d950,0x16554,0x056a0,0x09ad0,0x055d2,//1900-1909
|
|
||||||
0x04ae0,0x0a5b6,0x0a4d0,0x0d250,0x1d255,0x0b540,0x0d6a0,0x0ada2,0x095b0,0x14977,//1910-1919
|
|
||||||
0x04970,0x0a4b0,0x0b4b5,0x06a50,0x06d40,0x1ab54,0x02b60,0x09570,0x052f2,0x04970,//1920-1929
|
|
||||||
0x06566,0x0d4a0,0x0ea50,0x06e95,0x05ad0,0x02b60,0x186e3,0x092e0,0x1c8d7,0x0c950,//1930-1939
|
|
||||||
0x0d4a0,0x1d8a6,0x0b550,0x056a0,0x1a5b4,0x025d0,0x092d0,0x0d2b2,0x0a950,0x0b557,//1940-1949
|
|
||||||
0x06ca0,0x0b550,0x15355,0x04da0,0x0a5b0,0x14573,0x052b0,0x0a9a8,0x0e950,0x06aa0,//1950-1959
|
|
||||||
0x0aea6,0x0ab50,0x04b60,0x0aae4,0x0a570,0x05260,0x0f263,0x0d950,0x05b57,0x056a0,//1960-1969
|
|
||||||
0x096d0,0x04dd5,0x04ad0,0x0a4d0,0x0d4d4,0x0d250,0x0d558,0x0b540,0x0b6a0,0x195a6,//1970-1979
|
|
||||||
0x095b0,0x049b0,0x0a974,0x0a4b0,0x0b27a,0x06a50,0x06d40,0x0af46,0x0ab60,0x09570,//1980-1989
|
|
||||||
0x04af5,0x04970,0x064b0,0x074a3,0x0ea50,0x06b58,0x055c0,0x0ab60,0x096d5,0x092e0,//1990-1999
|
|
||||||
0x0c960,0x0d954,0x0d4a0,0x0da50,0x07552,0x056a0,0x0abb7,0x025d0,0x092d0,0x0cab5,//2000-2009
|
|
||||||
0x0a950,0x0b4a0,0x0baa4,0x0ad50,0x055d9,0x04ba0,0x0a5b0,0x15176,0x052b0,0x0a930,//2010-2019
|
|
||||||
0x07954,0x06aa0,0x0ad50,0x05b52,0x04b60,0x0a6e6,0x0a4e0,0x0d260,0x0ea65,0x0d530,//2020-2029
|
|
||||||
0x05aa0,0x076a3,0x096d0,0x04afb,0x04ad0,0x0a4d0,0x1d0b6,0x0d250,0x0d520,0x0dd45,//2030-2039
|
|
||||||
0x0b5a0,0x056d0,0x055b2,0x049b0,0x0a577,0x0a4b0,0x0aa50,0x1b255,0x06d20,0x0ada0,//2040-2049
|
|
||||||
/**Add By JJonline@JJonline.Cn**/
|
|
||||||
0x14b63,0x09370,0x049f8,0x04970,0x064b0,0x168a6,0x0ea50, 0x06b20,0x1a6c4,0x0aae0,//2050-2059
|
|
||||||
0x0a2e0,0x0d2e3,0x0c960,0x0d557,0x0d4a0,0x0da50,0x05d55,0x056a0,0x0a6d0,0x055d4,//2060-2069
|
|
||||||
0x052d0,0x0a9b8,0x0a950,0x0b4a0,0x0b6a6,0x0ad50,0x055a0,0x0aba4,0x0a5b0,0x052b0,//2070-2079
|
|
||||||
0x0b273,0x06930,0x07337,0x06aa0,0x0ad50,0x14b55,0x04b60,0x0a570,0x054e4,0x0d160,//2080-2089
|
|
||||||
0x0e968,0x0d520,0x0daa0,0x16aa6,0x056d0,0x04ae0,0x0a9d4,0x0a2d0,0x0d150,0x0f252,//2090-2099
|
|
||||||
0x0d520],//2100
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 公历每个月份的天数普通表
|
|
||||||
* @Array Of Property
|
|
||||||
* @return Number
|
|
||||||
*/
|
|
||||||
solarMonth:[31,28,31,30,31,30,31,31,30,31,30,31],
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 天干地支之天干速查表
|
|
||||||
* @Array Of Property trans["甲","乙","丙","丁","戊","己","庚","辛","壬","癸"]
|
|
||||||
* @return Cn string
|
|
||||||
*/
|
|
||||||
Gan:["\u7532","\u4e59","\u4e19","\u4e01","\u620a","\u5df1","\u5e9a","\u8f9b","\u58ec","\u7678"],
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 天干地支之地支速查表
|
|
||||||
* @Array Of Property
|
|
||||||
* @trans["子","丑","寅","卯","辰","巳","午","未","申","酉","戌","亥"]
|
|
||||||
* @return Cn string
|
|
||||||
*/
|
|
||||||
Zhi:["\u5b50","\u4e11","\u5bc5","\u536f","\u8fb0","\u5df3","\u5348","\u672a","\u7533","\u9149","\u620c","\u4ea5"],
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 天干地支之地支速查表<=>生肖
|
|
||||||
* @Array Of Property
|
|
||||||
* @trans["鼠","牛","虎","兔","龙","蛇","马","羊","猴","鸡","狗","猪"]
|
|
||||||
* @return Cn string
|
|
||||||
*/
|
|
||||||
Animals:["\u9f20","\u725b","\u864e","\u5154","\u9f99","\u86c7","\u9a6c","\u7f8a","\u7334","\u9e21","\u72d7","\u732a"],
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 24节气速查表
|
|
||||||
* @Array Of Property
|
|
||||||
* @trans["小寒","大寒","立春","雨水","惊蛰","春分","清明","谷雨","立夏","小满","芒种","夏至","小暑","大暑","立秋","处暑","白露","秋分","寒露","霜降","立冬","小雪","大雪","冬至"]
|
|
||||||
* @return Cn string
|
|
||||||
*/
|
|
||||||
solarTerm:["\u5c0f\u5bd2","\u5927\u5bd2","\u7acb\u6625","\u96e8\u6c34","\u60ca\u86f0","\u6625\u5206","\u6e05\u660e","\u8c37\u96e8","\u7acb\u590f","\u5c0f\u6ee1","\u8292\u79cd","\u590f\u81f3","\u5c0f\u6691","\u5927\u6691","\u7acb\u79cb","\u5904\u6691","\u767d\u9732","\u79cb\u5206","\u5bd2\u9732","\u971c\u964d","\u7acb\u51ac","\u5c0f\u96ea","\u5927\u96ea","\u51ac\u81f3"],
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1900-2100各年的24节气日期速查表
|
|
||||||
* @Array Of Property
|
|
||||||
* @return 0x string For splice
|
|
||||||
*/
|
|
||||||
sTermInfo:['9778397bd097c36b0b6fc9274c91aa','97b6b97bd19801ec9210c965cc920e','97bcf97c3598082c95f8c965cc920f',
|
|
||||||
'97bd0b06bdb0722c965ce1cfcc920f','b027097bd097c36b0b6fc9274c91aa','97b6b97bd19801ec9210c965cc920e',
|
|
||||||
'97bcf97c359801ec95f8c965cc920f','97bd0b06bdb0722c965ce1cfcc920f','b027097bd097c36b0b6fc9274c91aa',
|
|
||||||
'97b6b97bd19801ec9210c965cc920e','97bcf97c359801ec95f8c965cc920f','97bd0b06bdb0722c965ce1cfcc920f',
|
|
||||||
'b027097bd097c36b0b6fc9274c91aa','9778397bd19801ec9210c965cc920e','97b6b97bd19801ec95f8c965cc920f',
|
|
||||||
'97bd09801d98082c95f8e1cfcc920f','97bd097bd097c36b0b6fc9210c8dc2','9778397bd197c36c9210c9274c91aa',
|
|
||||||
'97b6b97bd19801ec95f8c965cc920e','97bd09801d98082c95f8e1cfcc920f','97bd097bd097c36b0b6fc9210c8dc2',
|
|
||||||
'9778397bd097c36c9210c9274c91aa','97b6b97bd19801ec95f8c965cc920e','97bcf97c3598082c95f8e1cfcc920f',
|
|
||||||
'97bd097bd097c36b0b6fc9210c8dc2','9778397bd097c36c9210c9274c91aa','97b6b97bd19801ec9210c965cc920e',
|
|
||||||
'97bcf97c3598082c95f8c965cc920f','97bd097bd097c35b0b6fc920fb0722','9778397bd097c36b0b6fc9274c91aa',
|
|
||||||
'97b6b97bd19801ec9210c965cc920e','97bcf97c3598082c95f8c965cc920f','97bd097bd097c35b0b6fc920fb0722',
|
|
||||||
'9778397bd097c36b0b6fc9274c91aa','97b6b97bd19801ec9210c965cc920e','97bcf97c359801ec95f8c965cc920f',
|
|
||||||
'97bd097bd097c35b0b6fc920fb0722','9778397bd097c36b0b6fc9274c91aa','97b6b97bd19801ec9210c965cc920e',
|
|
||||||
'97bcf97c359801ec95f8c965cc920f','97bd097bd097c35b0b6fc920fb0722','9778397bd097c36b0b6fc9274c91aa',
|
|
||||||
'97b6b97bd19801ec9210c965cc920e','97bcf97c359801ec95f8c965cc920f','97bd097bd07f595b0b6fc920fb0722',
|
|
||||||
'9778397bd097c36b0b6fc9210c8dc2','9778397bd19801ec9210c9274c920e','97b6b97bd19801ec95f8c965cc920f',
|
|
||||||
'97bd07f5307f595b0b0bc920fb0722','7f0e397bd097c36b0b6fc9210c8dc2','9778397bd097c36c9210c9274c920e',
|
|
||||||
'97b6b97bd19801ec95f8c965cc920f','97bd07f5307f595b0b0bc920fb0722','7f0e397bd097c36b0b6fc9210c8dc2',
|
|
||||||
'9778397bd097c36c9210c9274c91aa','97b6b97bd19801ec9210c965cc920e','97bd07f1487f595b0b0bc920fb0722',
|
|
||||||
'7f0e397bd097c36b0b6fc9210c8dc2','9778397bd097c36b0b6fc9274c91aa','97b6b97bd19801ec9210c965cc920e',
|
|
||||||
'97bcf7f1487f595b0b0bb0b6fb0722','7f0e397bd097c35b0b6fc920fb0722','9778397bd097c36b0b6fc9274c91aa',
|
|
||||||
'97b6b97bd19801ec9210c965cc920e','97bcf7f1487f595b0b0bb0b6fb0722','7f0e397bd097c35b0b6fc920fb0722',
|
|
||||||
'9778397bd097c36b0b6fc9274c91aa','97b6b97bd19801ec9210c965cc920e','97bcf7f1487f531b0b0bb0b6fb0722',
|
|
||||||
'7f0e397bd097c35b0b6fc920fb0722','9778397bd097c36b0b6fc9274c91aa','97b6b97bd19801ec9210c965cc920e',
|
|
||||||
'97bcf7f1487f531b0b0bb0b6fb0722','7f0e397bd07f595b0b6fc920fb0722','9778397bd097c36b0b6fc9274c91aa',
|
|
||||||
'97b6b97bd19801ec9210c9274c920e','97bcf7f0e47f531b0b0bb0b6fb0722','7f0e397bd07f595b0b0bc920fb0722',
|
|
||||||
'9778397bd097c36b0b6fc9210c91aa','97b6b97bd197c36c9210c9274c920e','97bcf7f0e47f531b0b0bb0b6fb0722',
|
|
||||||
'7f0e397bd07f595b0b0bc920fb0722','9778397bd097c36b0b6fc9210c8dc2','9778397bd097c36c9210c9274c920e',
|
|
||||||
'97b6b7f0e47f531b0723b0b6fb0722','7f0e37f5307f595b0b0bc920fb0722','7f0e397bd097c36b0b6fc9210c8dc2',
|
|
||||||
'9778397bd097c36b0b70c9274c91aa','97b6b7f0e47f531b0723b0b6fb0721','7f0e37f1487f595b0b0bb0b6fb0722',
|
|
||||||
'7f0e397bd097c35b0b6fc9210c8dc2','9778397bd097c36b0b6fc9274c91aa','97b6b7f0e47f531b0723b0b6fb0721',
|
|
||||||
'7f0e27f1487f595b0b0bb0b6fb0722','7f0e397bd097c35b0b6fc920fb0722','9778397bd097c36b0b6fc9274c91aa',
|
|
||||||
'97b6b7f0e47f531b0723b0b6fb0721','7f0e27f1487f531b0b0bb0b6fb0722','7f0e397bd097c35b0b6fc920fb0722',
|
|
||||||
'9778397bd097c36b0b6fc9274c91aa','97b6b7f0e47f531b0723b0b6fb0721','7f0e27f1487f531b0b0bb0b6fb0722',
|
|
||||||
'7f0e397bd097c35b0b6fc920fb0722','9778397bd097c36b0b6fc9274c91aa','97b6b7f0e47f531b0723b0b6fb0721',
|
|
||||||
'7f0e27f1487f531b0b0bb0b6fb0722','7f0e397bd07f595b0b0bc920fb0722','9778397bd097c36b0b6fc9274c91aa',
|
|
||||||
'97b6b7f0e47f531b0723b0787b0721','7f0e27f0e47f531b0b0bb0b6fb0722','7f0e397bd07f595b0b0bc920fb0722',
|
|
||||||
'9778397bd097c36b0b6fc9210c91aa','97b6b7f0e47f149b0723b0787b0721','7f0e27f0e47f531b0723b0b6fb0722',
|
|
||||||
'7f0e397bd07f595b0b0bc920fb0722','9778397bd097c36b0b6fc9210c8dc2','977837f0e37f149b0723b0787b0721',
|
|
||||||
'7f07e7f0e47f531b0723b0b6fb0722','7f0e37f5307f595b0b0bc920fb0722','7f0e397bd097c35b0b6fc9210c8dc2',
|
|
||||||
'977837f0e37f14998082b0787b0721','7f07e7f0e47f531b0723b0b6fb0721','7f0e37f1487f595b0b0bb0b6fb0722',
|
|
||||||
'7f0e397bd097c35b0b6fc9210c8dc2','977837f0e37f14998082b0787b06bd','7f07e7f0e47f531b0723b0b6fb0721',
|
|
||||||
'7f0e27f1487f531b0b0bb0b6fb0722','7f0e397bd097c35b0b6fc920fb0722','977837f0e37f14998082b0787b06bd',
|
|
||||||
'7f07e7f0e47f531b0723b0b6fb0721','7f0e27f1487f531b0b0bb0b6fb0722','7f0e397bd097c35b0b6fc920fb0722',
|
|
||||||
'977837f0e37f14998082b0787b06bd','7f07e7f0e47f531b0723b0b6fb0721','7f0e27f1487f531b0b0bb0b6fb0722',
|
|
||||||
'7f0e397bd07f595b0b0bc920fb0722','977837f0e37f14998082b0787b06bd','7f07e7f0e47f531b0723b0b6fb0721',
|
|
||||||
'7f0e27f1487f531b0b0bb0b6fb0722','7f0e397bd07f595b0b0bc920fb0722','977837f0e37f14998082b0787b06bd',
|
|
||||||
'7f07e7f0e47f149b0723b0787b0721','7f0e27f0e47f531b0b0bb0b6fb0722','7f0e397bd07f595b0b0bc920fb0722',
|
|
||||||
'977837f0e37f14998082b0723b06bd','7f07e7f0e37f149b0723b0787b0721','7f0e27f0e47f531b0723b0b6fb0722',
|
|
||||||
'7f0e397bd07f595b0b0bc920fb0722','977837f0e37f14898082b0723b02d5','7ec967f0e37f14998082b0787b0721',
|
|
||||||
'7f07e7f0e47f531b0723b0b6fb0722','7f0e37f1487f595b0b0bb0b6fb0722','7f0e37f0e37f14898082b0723b02d5',
|
|
||||||
'7ec967f0e37f14998082b0787b0721','7f07e7f0e47f531b0723b0b6fb0722','7f0e37f1487f531b0b0bb0b6fb0722',
|
|
||||||
'7f0e37f0e37f14898082b0723b02d5','7ec967f0e37f14998082b0787b06bd','7f07e7f0e47f531b0723b0b6fb0721',
|
|
||||||
'7f0e37f1487f531b0b0bb0b6fb0722','7f0e37f0e37f14898082b072297c35','7ec967f0e37f14998082b0787b06bd',
|
|
||||||
'7f07e7f0e47f531b0723b0b6fb0721','7f0e27f1487f531b0b0bb0b6fb0722','7f0e37f0e37f14898082b072297c35',
|
|
||||||
'7ec967f0e37f14998082b0787b06bd','7f07e7f0e47f531b0723b0b6fb0721','7f0e27f1487f531b0b0bb0b6fb0722',
|
|
||||||
'7f0e37f0e366aa89801eb072297c35','7ec967f0e37f14998082b0787b06bd','7f07e7f0e47f149b0723b0787b0721',
|
|
||||||
'7f0e27f1487f531b0b0bb0b6fb0722','7f0e37f0e366aa89801eb072297c35','7ec967f0e37f14998082b0723b06bd',
|
|
||||||
'7f07e7f0e47f149b0723b0787b0721','7f0e27f0e47f531b0723b0b6fb0722','7f0e37f0e366aa89801eb072297c35',
|
|
||||||
'7ec967f0e37f14998082b0723b06bd','7f07e7f0e37f14998083b0787b0721','7f0e27f0e47f531b0723b0b6fb0722',
|
|
||||||
'7f0e37f0e366aa89801eb072297c35','7ec967f0e37f14898082b0723b02d5','7f07e7f0e37f14998082b0787b0721',
|
|
||||||
'7f07e7f0e47f531b0723b0b6fb0722','7f0e36665b66aa89801e9808297c35','665f67f0e37f14898082b0723b02d5',
|
|
||||||
'7ec967f0e37f14998082b0787b0721','7f07e7f0e47f531b0723b0b6fb0722','7f0e36665b66a449801e9808297c35',
|
|
||||||
'665f67f0e37f14898082b0723b02d5','7ec967f0e37f14998082b0787b06bd','7f07e7f0e47f531b0723b0b6fb0721',
|
|
||||||
'7f0e36665b66a449801e9808297c35','665f67f0e37f14898082b072297c35','7ec967f0e37f14998082b0787b06bd',
|
|
||||||
'7f07e7f0e47f531b0723b0b6fb0721','7f0e26665b66a449801e9808297c35','665f67f0e37f1489801eb072297c35',
|
|
||||||
'7ec967f0e37f14998082b0787b06bd','7f07e7f0e47f531b0723b0b6fb0721','7f0e27f1487f531b0b0bb0b6fb0722'],
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 数字转中文速查表
|
|
||||||
* @Array Of Property
|
|
||||||
* @trans ['日','一','二','三','四','五','六','七','八','九','十']
|
|
||||||
* @return Cn string
|
|
||||||
*/
|
|
||||||
nStr1:["\u65e5","\u4e00","\u4e8c","\u4e09","\u56db","\u4e94","\u516d","\u4e03","\u516b","\u4e5d","\u5341"],
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 日期转农历称呼速查表
|
|
||||||
* @Array Of Property
|
|
||||||
* @trans ['初','十','廿','卅']
|
|
||||||
* @return Cn string
|
|
||||||
*/
|
|
||||||
nStr2:["\u521d","\u5341","\u5eff","\u5345"],
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 月份转农历称呼速查表
|
|
||||||
* @Array Of Property
|
|
||||||
* @trans ['正','一','二','三','四','五','六','七','八','九','十','冬','腊']
|
|
||||||
* @return Cn string
|
|
||||||
*/
|
|
||||||
nStr3:["\u6b63","\u4e8c","\u4e09","\u56db","\u4e94","\u516d","\u4e03","\u516b","\u4e5d","\u5341","\u51ac","\u814a"],
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 返回农历y年一整年的总天数
|
|
||||||
* @param lunar Year
|
|
||||||
* @return Number
|
|
||||||
* @eg:var count = calendar.lYearDays(1987) ;//count=387
|
|
||||||
*/
|
|
||||||
lYearDays:function(y) {
|
|
||||||
var i, sum = 348;
|
|
||||||
for(i=0x8000; i>0x8; i>>=1) { sum += (calendar.lunarInfo[y-1900] & i)? 1: 0; }
|
|
||||||
return(sum+calendar.leapDays(y));
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 返回农历y年闰月是哪个月；若y年没有闰月 则返回0
|
|
||||||
* @param lunar Year
|
|
||||||
* @return Number (0-12)
|
|
||||||
* @eg:var leapMonth = calendar.leapMonth(1987) ;//leapMonth=6
|
|
||||||
*/
|
|
||||||
leapMonth:function(y) { //闰字编码 \u95f0
|
|
||||||
return(calendar.lunarInfo[y-1900] & 0xf);
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 返回农历y年闰月的天数 若该年没有闰月则返回0
|
|
||||||
* @param lunar Year
|
|
||||||
* @return Number (0、29、30)
|
|
||||||
* @eg:var leapMonthDay = calendar.leapDays(1987) ;//leapMonthDay=29
|
|
||||||
*/
|
|
||||||
leapDays:function(y) {
|
|
||||||
if(calendar.leapMonth(y)) {
|
|
||||||
return((calendar.lunarInfo[y-1900] & 0x10000)? 30: 29);
|
|
||||||
}
|
|
||||||
return(0);
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 返回农历y年m月（非闰月）的总天数，计算m为闰月时的天数请使用leapDays方法
|
|
||||||
* @param lunar Year
|
|
||||||
* @return Number (-1、29、30)
|
|
||||||
* @eg:var MonthDay = calendar.monthDays(1987,9) ;//MonthDay=29
|
|
||||||
*/
|
|
||||||
monthDays:function(y,m) {
|
|
||||||
if(m>12 || m<1) {return -1}//月份参数从1至12，参数错误返回-1
|
|
||||||
return( (calendar.lunarInfo[y-1900] & (0x10000>>m))? 30: 29 );
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 返回公历(!)y年m月的天数
|
|
||||||
* @param solar Year
|
|
||||||
* @return Number (-1、28、29、30、31)
|
|
||||||
* @eg:var solarMonthDay = calendar.leapDays(1987) ;//solarMonthDay=30
|
|
||||||
*/
|
|
||||||
solarDays:function(y,m) {
|
|
||||||
if(m>12 || m<1) {return -1} //若参数错误 返回-1
|
|
||||||
var ms = m-1;
|
|
||||||
if(ms==1) { //2月份的闰平规律测算后确认返回28或29
|
|
||||||
return(((y%4 == 0) && (y%100 != 0) || (y%400 == 0))? 29: 28);
|
|
||||||
}else {
|
|
||||||
return(calendar.solarMonth[ms]);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 农历年份转换为干支纪年
|
|
||||||
* @param lYear 农历年的年份数
|
|
||||||
* @return Cn string
|
|
||||||
*/
|
|
||||||
toGanZhiYear:function(lYear) {
|
|
||||||
var ganKey = (lYear - 3) % 10;
|
|
||||||
var zhiKey = (lYear - 3) % 12;
|
|
||||||
if(ganKey == 0) ganKey = 10;//如果余数为0则为最后一个天干
|
|
||||||
if(zhiKey == 0) zhiKey = 12;//如果余数为0则为最后一个地支
|
|
||||||
return calendar.Gan[ganKey-1] + calendar.Zhi[zhiKey-1];
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 公历月、日判断所属星座
|
|
||||||
* @param cMonth [description]
|
|
||||||
* @param cDay [description]
|
|
||||||
* @return Cn string
|
|
||||||
*/
|
|
||||||
toAstro:function(cMonth,cDay) {
|
|
||||||
var s = "\u9b54\u7faf\u6c34\u74f6\u53cc\u9c7c\u767d\u7f8a\u91d1\u725b\u53cc\u5b50\u5de8\u87f9\u72ee\u5b50\u5904\u5973\u5929\u79e4\u5929\u874e\u5c04\u624b\u9b54\u7faf";
|
|
||||||
var arr = [20,19,21,21,21,22,23,23,23,23,22,22];
|
|
||||||
return s.substr(cMonth*2 - (cDay < arr[cMonth-1] ? 2 : 0),2) + "\u5ea7";//座
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 传入offset偏移量返回干支
|
|
||||||
* @param offset 相对甲子的偏移量
|
|
||||||
* @return Cn string
|
|
||||||
*/
|
|
||||||
toGanZhi:function(offset) {
|
|
||||||
return calendar.Gan[offset%10] + calendar.Zhi[offset%12];
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 传入公历(!)y年获得该年第n个节气的公历日期
|
|
||||||
* @param y公历年(1900-2100)；n二十四节气中的第几个节气(1~24)；从n=1(小寒)算起
|
|
||||||
* @return day Number
|
|
||||||
* @eg:var _24 = calendar.getTerm(1987,3) ;//_24=4;意即1987年2月4日立春
|
|
||||||
*/
|
|
||||||
getTerm:function(y,n) {
|
|
||||||
if(y<1900 || y>2100) {return -1;}
|
|
||||||
if(n<1 || n>24) {return -1;}
|
|
||||||
var _table = calendar.sTermInfo[y-1900];
|
|
||||||
var _info = [
|
|
||||||
parseInt('0x'+_table.substr(0,5)).toString() ,
|
|
||||||
parseInt('0x'+_table.substr(5,5)).toString(),
|
|
||||||
parseInt('0x'+_table.substr(10,5)).toString(),
|
|
||||||
parseInt('0x'+_table.substr(15,5)).toString(),
|
|
||||||
parseInt('0x'+_table.substr(20,5)).toString(),
|
|
||||||
parseInt('0x'+_table.substr(25,5)).toString()
|
|
||||||
];
|
|
||||||
var _calday = [
|
|
||||||
_info[0].substr(0,1),
|
|
||||||
_info[0].substr(1,2),
|
|
||||||
_info[0].substr(3,1),
|
|
||||||
_info[0].substr(4,2),
|
|
||||||
|
|
||||||
_info[1].substr(0,1),
|
|
||||||
_info[1].substr(1,2),
|
|
||||||
_info[1].substr(3,1),
|
|
||||||
_info[1].substr(4,2),
|
|
||||||
|
|
||||||
_info[2].substr(0,1),
|
|
||||||
_info[2].substr(1,2),
|
|
||||||
_info[2].substr(3,1),
|
|
||||||
_info[2].substr(4,2),
|
|
||||||
|
|
||||||
_info[3].substr(0,1),
|
|
||||||
_info[3].substr(1,2),
|
|
||||||
_info[3].substr(3,1),
|
|
||||||
_info[3].substr(4,2),
|
|
||||||
|
|
||||||
_info[4].substr(0,1),
|
|
||||||
_info[4].substr(1,2),
|
|
||||||
_info[4].substr(3,1),
|
|
||||||
_info[4].substr(4,2),
|
|
||||||
|
|
||||||
_info[5].substr(0,1),
|
|
||||||
_info[5].substr(1,2),
|
|
||||||
_info[5].substr(3,1),
|
|
||||||
_info[5].substr(4,2),
|
|
||||||
];
|
|
||||||
return parseInt(_calday[n-1]);
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 传入农历数字月份返回汉语通俗表示法
|
|
||||||
* @param lunar month
|
|
||||||
* @return Cn string
|
|
||||||
* @eg:var cnMonth = calendar.toChinaMonth(12) ;//cnMonth='腊月'
|
|
||||||
*/
|
|
||||||
toChinaMonth:function(m) { // 月 => \u6708
|
|
||||||
if(m>12 || m<1) {return -1} //若参数错误 返回-1
|
|
||||||
var s = calendar.nStr3[m-1];
|
|
||||||
s+= "\u6708";//加上月字
|
|
||||||
return s;
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 传入农历日期数字返回汉字表示法
|
|
||||||
* @param lunar day
|
|
||||||
* @return Cn string
|
|
||||||
* @eg:var cnDay = calendar.toChinaDay(21) ;//cnMonth='廿一'
|
|
||||||
*/
|
|
||||||
toChinaDay:function(d){ //日 => \u65e5
|
|
||||||
var s;
|
|
||||||
switch (d) {
|
|
||||||
case 10:
|
|
||||||
s = '\u521d\u5341'; break;
|
|
||||||
case 20:
|
|
||||||
s = '\u4e8c\u5341'; break;
|
|
||||||
break;
|
|
||||||
case 30:
|
|
||||||
s = '\u4e09\u5341'; break;
|
|
||||||
break;
|
|
||||||
default :
|
|
||||||
s = calendar.nStr2[Math.floor(d/10)];
|
|
||||||
s += calendar.nStr1[d%10];
|
|
||||||
}
|
|
||||||
return(s);
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 年份转生肖[!仅能大致转换] => 精确划分生肖分界线是“立春”
|
|
||||||
* @param y year
|
|
||||||
* @return Cn string
|
|
||||||
* @eg:var animal = calendar.getAnimal(1987) ;//animal='兔'
|
|
||||||
*/
|
|
||||||
getAnimal: function(y) {
|
|
||||||
return calendar.Animals[(y - 4) % 12]
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 传入阳历年月日获得详细的公历、农历object信息 <=>JSON
|
|
||||||
* @param y solar year
|
|
||||||
* @param m solar month
|
|
||||||
* @param d solar day
|
|
||||||
* @return JSON object
|
|
||||||
* @eg:console.log(calendar.solar2lunar(1987,11,01));
|
|
||||||
*/
|
|
||||||
solar2lunar:function (y,m,d) { //参数区间1900.1.31~2100.12.31
|
|
||||||
if(y<1900 || y>2100) {return -1;}//年份限定、上限
|
|
||||||
if(y==1900&&m==1&&d<31) {return -1;}//下限
|
|
||||||
if(!y) { //未传参 获得当天
|
|
||||||
var objDate = new Date();
|
|
||||||
}else {
|
|
||||||
var objDate = new Date(y,parseInt(m)-1,d)
|
|
||||||
}
|
|
||||||
var i, leap=0, temp=0;
|
|
||||||
//修正ymd参数
|
|
||||||
var y = objDate.getFullYear(),m = objDate.getMonth()+1,d = objDate.getDate();
|
|
||||||
var offset = (Date.UTC(objDate.getFullYear(),objDate.getMonth(),objDate.getDate()) - Date.UTC(1900,0,31))/86400000;
|
|
||||||
for(i=1900; i<2101 && offset>0; i++) { temp=calendar.lYearDays(i); offset-=temp; }
|
|
||||||
if(offset<0) { offset+=temp; i--; }
|
|
||||||
|
|
||||||
//是否今天
|
|
||||||
var isTodayObj = new Date(),isToday=false;
|
|
||||||
if(isTodayObj.getFullYear()==y && isTodayObj.getMonth()+1==m && isTodayObj.getDate()==d) {
|
|
||||||
isToday = true;
|
|
||||||
}
|
|
||||||
//星期几
|
|
||||||
var nWeek = objDate.getDay(),cWeek = calendar.nStr1[nWeek];
|
|
||||||
if(nWeek==0) {nWeek =7;}//数字表示周几顺应天朝周一开始的惯例
|
|
||||||
//农历年
|
|
||||||
var year = i;
|
|
||||||
|
|
||||||
var leap = calendar.leapMonth(i); //闰哪个月
|
|
||||||
var isLeap = false;
|
|
||||||
|
|
||||||
//效验闰月
|
|
||||||
for(i=1; i<13 && offset>0; i++) {
|
|
||||||
//闰月
|
|
||||||
if(leap>0 && i==(leap+1) && isLeap==false){
|
|
||||||
--i;
|
|
||||||
isLeap = true; temp = calendar.leapDays(year); //计算农历闰月天数
|
|
||||||
}
|
|
||||||
else{
|
|
||||||
temp = calendar.monthDays(year, i);//计算农历普通月天数
|
|
||||||
}
|
|
||||||
//解除闰月
|
|
||||||
if(isLeap==true && i==(leap+1)) { isLeap = false; }
|
|
||||||
offset -= temp;
|
|
||||||
}
|
|
||||||
|
|
||||||
if(offset==0 && leap>0 && i==leap+1)
|
|
||||||
if(isLeap){
|
|
||||||
isLeap = false;
|
|
||||||
}else{
|
|
||||||
isLeap = true; --i;
|
|
||||||
}
|
|
||||||
if(offset<0){ offset += temp; --i; }
|
|
||||||
//农历月
|
|
||||||
var month = i;
|
|
||||||
//农历日
|
|
||||||
var day = offset + 1;
|
|
||||||
|
|
||||||
//天干地支处理
|
|
||||||
var sm = m-1;
|
|
||||||
var gzY = calendar.toGanZhiYear(year);
|
|
||||||
|
|
||||||
//月柱 1900年1月小寒以前为 丙子月(60进制12)
|
|
||||||
var firstNode = calendar.getTerm(year,(m*2-1));//返回当月「节」为几日开始
|
|
||||||
var secondNode = calendar.getTerm(year,(m*2));//返回当月「节」为几日开始
|
|
||||||
|
|
||||||
//依据12节气修正干支月
|
|
||||||
var gzM = calendar.toGanZhi((y-1900)*12+m+11);
|
|
||||||
if(d>=firstNode) {
|
|
||||||
gzM = calendar.toGanZhi((y-1900)*12+m+12);
|
|
||||||
}
|
|
||||||
|
|
||||||
//传入的日期的节气与否
|
|
||||||
var isTerm = false;
|
|
||||||
var Term = null;
|
|
||||||
if(firstNode==d) {
|
|
||||||
isTerm = true;
|
|
||||||
Term = calendar.solarTerm[m*2-2];
|
|
||||||
}
|
|
||||||
if(secondNode==d) {
|
|
||||||
isTerm = true;
|
|
||||||
Term = calendar.solarTerm[m*2-1];
|
|
||||||
}
|
|
||||||
//日柱 当月一日与 1900/1/1 相差天数
|
|
||||||
var dayCyclical = Date.UTC(y,sm,1,0,0,0,0)/86400000+25567+10;
|
|
||||||
var gzD = calendar.toGanZhi(dayCyclical+d-1);
|
|
||||||
//该日期所属的星座
|
|
||||||
var astro = calendar.toAstro(m,d);
|
|
||||||
|
|
||||||
return {'lYear':year,'lMonth':month,'lDay':day,'Animal':calendar.getAnimal(year),'IMonthCn':(isLeap?"\u95f0":'')+calendar.toChinaMonth(month),'IDayCn':calendar.toChinaDay(day),'cYear':y,'cMonth':m,'cDay':d,'gzYear':gzY,'gzMonth':gzM,'gzDay':gzD,'isToday':isToday,'isLeap':isLeap,'nWeek':nWeek,'ncWeek':"\u661f\u671f"+cWeek,'isTerm':isTerm,'Term':Term,'astro':astro};
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 传入农历年月日以及传入的月份是否闰月获得详细的公历、农历object信息 <=>JSON
|
|
||||||
* @param y lunar year
|
|
||||||
* @param m lunar month
|
|
||||||
* @param d lunar day
|
|
||||||
* @param isLeapMonth lunar month is leap or not.[如果是农历闰月第四个参数赋值true即可]
|
|
||||||
* @return JSON object
|
|
||||||
* @eg:console.log(calendar.lunar2solar(1987,9,10));
|
|
||||||
*/
|
|
||||||
lunar2solar:function(y,m,d,isLeapMonth) { //参数区间1900.1.31~2100.12.1
|
|
||||||
var isLeapMonth = !!isLeapMonth;
|
|
||||||
var leapOffset = 0;
|
|
||||||
var leapMonth = calendar.leapMonth(y);
|
|
||||||
var leapDay = calendar.leapDays(y);
|
|
||||||
if(isLeapMonth&&(leapMonth!=m)) {return -1;}//传参要求计算该闰月公历 但该年得出的闰月与传参的月份并不同
|
|
||||||
if(y==2100&&m==12&&d>1 || y==1900&&m==1&&d<31) {return -1;}//超出了最大极限值
|
|
||||||
var day = calendar.monthDays(y,m);
|
|
||||||
var _day = day;
|
|
||||||
//bugFix 2016-9-25
|
|
||||||
//if month is leap, _day use leapDays method
|
|
||||||
if(isLeapMonth) {
|
|
||||||
_day = calendar.leapDays(y,m);
|
|
||||||
}
|
|
||||||
if(y < 1900 || y > 2100 || d > _day) {return -1;}//参数合法性效验
|
|
||||||
|
|
||||||
//计算农历的时间差
|
|
||||||
var offset = 0;
|
|
||||||
for(var i=1900;i<y;i++) {
|
|
||||||
offset+=calendar.lYearDays(i);
|
|
||||||
}
|
|
||||||
var leap = 0,isAdd= false;
|
|
||||||
for(var i=1;i<m;i++) {
|
|
||||||
leap = calendar.leapMonth(y);
|
|
||||||
if(!isAdd) {//处理闰月
|
|
||||||
if(leap<=i && leap>0) {
|
|
||||||
offset+=calendar.leapDays(y);isAdd = true;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
offset+=calendar.monthDays(y,i);
|
|
||||||
}
|
|
||||||
//转换闰月农历 需补充该年闰月的前一个月的时差
|
|
||||||
if(isLeapMonth) {offset+=day;}
|
|
||||||
//1900年农历正月一日的公历时间为1900年1月30日0时0分0秒(该时间也是本农历的最开始起始点)
|
|
||||||
var stmap = Date.UTC(1900,1,30,0,0,0);
|
|
||||||
var calObj = new Date((offset+d-31)*86400000+stmap);
|
|
||||||
var cY = calObj.getUTCFullYear();
|
|
||||||
var cM = calObj.getUTCMonth()+1;
|
|
||||||
var cD = calObj.getUTCDate();
|
|
||||||
|
|
||||||
return calendar.solar2lunar(cY,cM,cD);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
export default calendar
|
|
||||||
@ -1,15 +0,0 @@
|
|||||||
@font-face {font-family: "iconfont";
|
|
||||||
src: url('data:font/truetype;charset=utf-8;base64,d09GRgABAAAAAASEAAsAAAAABuwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY7d0f0Y21hcAAAAYAAAABTAAABhmJUzs9nbHlmAAAB1AAAALcAAADIzC0F5mhlYWQAAAKMAAAALwAAADYS7IZUaGhlYQAAArwAAAAcAAAAJAfeA4RobXR4AAAC2AAAAAwAAAAMDAAAAGxvY2EAAALkAAAACAAAAAgANgBkbWF4cAAAAuwAAAAfAAAAIAEOACluYW1lAAADDAAAAUUAAAJtPlT+fXBvc3QAAARUAAAALQAAAEOUPjuMeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeMj5jYm7438AQw9zA0AAUZgTJAQDdSgvleJztkMERgDAIBPdIzMOxEB8W5MvuTRsRMHbhzSwHR/IBWIDiHE4FXYjQ6akyL6yZ13zT3IXd6jYGfO6S75q7xT81fm1Z9zlZXOsl+j5BD35IDU4AeJwVzUEOwUAYBeD/mfxTEso/mkEJoYluqgtajUjYsHEOSytncROJK/QErjNMd+8lL+8jEP3eqq8uNCPiokK1L4t1ihzVCSPMEekAep3mQCh4tpVm95JWz2QGj3iyiN3LZMJBODU49IMuDxk32YifuI89X4+xqwcsHUtEjfVVWt1p5MvWNs9RY4RowNLrJ7Tq8ZKNN7wmvMp8jBc7PDpW3RPfPrISV5ss4QEO9pxcdrix/gMMIyHOAHicY2BkYGAAYmNBZtV4fpuvDNwsDCBw/dlCBQT9fzMLA3MKkMvBwAQSBQDyNAlAAHicY2BkYGBu+N/AEMPCAAJAkpEBFTADAEcJAmwEAAAABAAAAAQAAAAAAAAAADYAZHicY2BkYGBgZpBlANEMDExAzAWEDAz/wXwGAAuHATgAeJxlj01OwzAQhV/6B6QSqqhgh+QFYgEo/RGrblhUavdddN+mTpsqiSPHrdQDcB6OwAk4AtyAO/BIJ5s2lsffvHljTwDc4Acejt8t95E9XDI7cg0XuBeuU38QbpBfhJto41W4Rf1N2MczpsJtdGF5g9e4YvaEd2EPHXwI13CNT+E69S/hBvlbuIk7/Aq30PHqwj7mXle4jUcv9sdWL5xeqeVBxaHJIpM5v4KZXu+Sha3S6pxrW8QmU4OgX0lTnWlb3VPs10PnIhVZk6oJqzpJjMqt2erQBRvn8lGvF4kehCblWGP+tsYCjnEFhSUOjDFCGGSIyujoO1Vm9K+xQ8Jee1Y9zed0WxTU/3OFAQL0z1xTurLSeTpPgT1fG1J1dCtuy56UNJFezUkSskJe1rZUQuoBNmVXjhF6XNGJPyhnSP8ACVpuyAAAAHicY2BigAAuBuyAmZGJkZmRhYEnKzMxryS/tDgjMS+dC8qpzC9lYAAAiPIJlAAAAA==');
|
|
||||||
}
|
|
||||||
|
|
||||||
.iconfont {
|
|
||||||
font-family:"iconfont" !important;
|
|
||||||
font-size:16px;
|
|
||||||
font-style:normal;
|
|
||||||
-webkit-font-smoothing: antialiased;
|
|
||||||
-moz-osx-font-smoothing: grayscale;
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-arrow-right:before { content: "\e602"; }
|
|
||||||
|
|
||||||
.icon-arrow-left:before { content: "\e501"; }
|
|
||||||
File diff suppressed because it is too large
Load Diff
@ -1,394 +0,0 @@
|
|||||||
.mpvue-calendar {
|
|
||||||
margin:auto;
|
|
||||||
width: 100%;
|
|
||||||
min-width:300rpx;
|
|
||||||
background: #fff;
|
|
||||||
user-select:none;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.calendar-tools{
|
|
||||||
height:40px;
|
|
||||||
font-size: 20px;
|
|
||||||
line-height: 40px;
|
|
||||||
color:#5e7a88;
|
|
||||||
box-shadow: 0rpx 4rpx 8rpx rgba(25, 47, 89, 0.1);
|
|
||||||
margin-bottom: 30rpx;
|
|
||||||
border-top: 1px solid rgba(200, 200, 200, .1);
|
|
||||||
}
|
|
||||||
.calendar-prev{
|
|
||||||
width: 14.28571429%;
|
|
||||||
float:left;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.calendar-prev img, .calendar-next img{
|
|
||||||
width: 34rpx;
|
|
||||||
height: 34rpx;
|
|
||||||
}
|
|
||||||
.calendar-info{
|
|
||||||
padding-top: 3px;
|
|
||||||
font-size:16px;
|
|
||||||
line-height: 1.3;
|
|
||||||
text-align: center;
|
|
||||||
width: 220rpx;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
.calendar-info>div.mc-month{
|
|
||||||
margin:auto;
|
|
||||||
height:40rpx;
|
|
||||||
width:100px;
|
|
||||||
text-align: center;
|
|
||||||
color:#5e7a88;
|
|
||||||
overflow: hidden;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.calendar-info>div.mc-month .mc-month-inner{
|
|
||||||
position: absolute;
|
|
||||||
left:0;
|
|
||||||
top:0;
|
|
||||||
height:480rpx;
|
|
||||||
}
|
|
||||||
.month-transition{
|
|
||||||
transition:top .5s cubic-bezier(0.075, 0.82, 0.165, 1);
|
|
||||||
}
|
|
||||||
.calendar-info .mc-month-text{
|
|
||||||
display:block;
|
|
||||||
font-size:28rpx;
|
|
||||||
height:40rpx;
|
|
||||||
width:200rpx;
|
|
||||||
overflow:hidden;
|
|
||||||
text-align:center;
|
|
||||||
}
|
|
||||||
.calendar-info>div.mc-month .mc-month-inner>span{
|
|
||||||
display: block;
|
|
||||||
font-size: 14px;
|
|
||||||
height:20px;
|
|
||||||
width:100px;
|
|
||||||
overflow: hidden;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.calendar-info>div.mc-year{
|
|
||||||
font-size:10px;
|
|
||||||
line-height: 1;
|
|
||||||
color:#999;
|
|
||||||
}
|
|
||||||
.calendar-next{
|
|
||||||
width: 14.28571429%;
|
|
||||||
float:right;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.mpvue-calendar table {
|
|
||||||
clear: both;
|
|
||||||
width: 100%;
|
|
||||||
margin-bottom:10px;
|
|
||||||
border-collapse: collapse;
|
|
||||||
color: #444444;
|
|
||||||
}
|
|
||||||
.mpvue-calendar td {
|
|
||||||
margin:2px !important;
|
|
||||||
padding:0px 0;
|
|
||||||
width: 14.28571429%;
|
|
||||||
height:88rpx;
|
|
||||||
text-align: center;
|
|
||||||
vertical-align: middle;
|
|
||||||
font-size:14px;
|
|
||||||
line-height: 125%;
|
|
||||||
cursor: pointer;
|
|
||||||
position: relative;
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
.mpvue-calendar td.mc-week{
|
|
||||||
font-size:10px;
|
|
||||||
pointer-events:none !important;
|
|
||||||
cursor: default !important;
|
|
||||||
}
|
|
||||||
.mpvue-calendar td.disabled {
|
|
||||||
color: #ccc;
|
|
||||||
}
|
|
||||||
.mpvue-calendar td.disabled div{
|
|
||||||
color: #ccc;
|
|
||||||
}
|
|
||||||
.mpvue-calendar td span{
|
|
||||||
display:block;
|
|
||||||
height:76rpx;
|
|
||||||
width:76rpx;
|
|
||||||
font-size: 28rpx;
|
|
||||||
line-height:76rpx;
|
|
||||||
margin:0px auto;
|
|
||||||
position: relative;
|
|
||||||
z-index: 3;
|
|
||||||
}
|
|
||||||
.mpvue-calendar td:not(.disabled) span.mc-date-red{
|
|
||||||
color:#ea6151;
|
|
||||||
}
|
|
||||||
.mc-today{
|
|
||||||
color: #3b75fb;
|
|
||||||
}
|
|
||||||
.mpvue-calendar td.selected span{
|
|
||||||
background-color: #3b75fb;
|
|
||||||
color: #fff;
|
|
||||||
border-radius:50%;
|
|
||||||
}
|
|
||||||
.mpvue-calendar td .mc-text{
|
|
||||||
position: absolute;
|
|
||||||
top:28px;
|
|
||||||
left:0;
|
|
||||||
right:0;
|
|
||||||
text-align: center;
|
|
||||||
padding:2px;
|
|
||||||
font-size:20rpx;
|
|
||||||
line-height: 1.2;
|
|
||||||
color:#444;
|
|
||||||
z-index: 4;
|
|
||||||
}
|
|
||||||
.mpvue-calendar td .isGregorianFestival,
|
|
||||||
.mpvue-calendar td .isTerm,
|
|
||||||
.mpvue-calendar td .isLunarFestival{
|
|
||||||
color:#ea6151;
|
|
||||||
}
|
|
||||||
.mpvue-calendar td.selected span.mc-date-red{
|
|
||||||
background-color: #3b75fb;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.selected .mc-text {
|
|
||||||
color: #fff !important;
|
|
||||||
}
|
|
||||||
.mpvue-calendar .lunarStyle span{
|
|
||||||
width: 80rpx;
|
|
||||||
height: 80rpx;
|
|
||||||
line-height:54rpx;
|
|
||||||
}
|
|
||||||
.mpvue-calendar .lunarStyle .mc-text{
|
|
||||||
top: 44rpx;
|
|
||||||
}
|
|
||||||
.mpvue-calendar thead td {
|
|
||||||
text-transform: uppercase;
|
|
||||||
height:30px;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
.mc-head {
|
|
||||||
margin-bottom: 20rpx;
|
|
||||||
}
|
|
||||||
.mc-head div {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.mc-head-box div {
|
|
||||||
flex:1;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.mc-head-box {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
justify-content: center;
|
|
||||||
align-content: space-between
|
|
||||||
}
|
|
||||||
.mc-head-box div {
|
|
||||||
font-size: 28rpx;
|
|
||||||
}
|
|
||||||
.mc-body tr {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
justify-content: center;
|
|
||||||
align-content: space-between
|
|
||||||
}
|
|
||||||
.mc-dot {
|
|
||||||
width: 10rpx;
|
|
||||||
height: 10rpx;
|
|
||||||
background-color: #ea6151;
|
|
||||||
border-radius: 50%;
|
|
||||||
margin: 0 auto;
|
|
||||||
margin-top: 5rpx;
|
|
||||||
position: absolute;
|
|
||||||
bottom: -5rpx;
|
|
||||||
left: 50%;
|
|
||||||
margin-left: -5rpx;
|
|
||||||
z-index: 5;
|
|
||||||
}
|
|
||||||
.remark-text {
|
|
||||||
padding-left: 8rpx;
|
|
||||||
padding-right: 8rpx;
|
|
||||||
box-sizing: border-box;
|
|
||||||
height: 34rpx;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow:ellipsis;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
.slot-element{
|
|
||||||
line-height: normal;
|
|
||||||
position: absolute;
|
|
||||||
z-index: 5;
|
|
||||||
}
|
|
||||||
.mpvue-calendar-change{
|
|
||||||
position: absolute;
|
|
||||||
left:0rpx;
|
|
||||||
top:85rpx;
|
|
||||||
right:0rpx;
|
|
||||||
bottom:0rpx;
|
|
||||||
background:#fff;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
flex-wrap:wrap;
|
|
||||||
overflow: auto;
|
|
||||||
transition:all .5s cubic-bezier(0.075, 0.82, 0.165, 1);
|
|
||||||
opacity: 0;
|
|
||||||
pointer-events: none;
|
|
||||||
transform: translateY(-10px);
|
|
||||||
z-index: 9;
|
|
||||||
}
|
|
||||||
.mpvue-calendar-change.show{
|
|
||||||
opacity: 1;
|
|
||||||
pointer-events: auto;
|
|
||||||
transform: translateY(0px);
|
|
||||||
}
|
|
||||||
.mpvue-calendar-change span{
|
|
||||||
margin:4px 2%;
|
|
||||||
display: inline-block;
|
|
||||||
line-height: 30px;
|
|
||||||
border-radius: 20px;
|
|
||||||
text-align:center;
|
|
||||||
color:#999;
|
|
||||||
width: 20%;
|
|
||||||
float: left;
|
|
||||||
text-align: center;
|
|
||||||
border-radius: 40px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
margin-bottom: 4%;
|
|
||||||
}
|
|
||||||
.mpvue-calendar-change span.active{
|
|
||||||
background-color: #587dff;
|
|
||||||
box-shadow: 2px 2px 2px rgba(88, 125, 255, 0.7);
|
|
||||||
color:#fff;
|
|
||||||
}
|
|
||||||
.mpvue-calendar-change .calendar-week-switch-months{
|
|
||||||
height: 100%;
|
|
||||||
padding: 10rpx 20rpx;
|
|
||||||
}
|
|
||||||
.mpvue-calendar-change .calendar-week-switch-months span {
|
|
||||||
margin-bottom: 20rpx;
|
|
||||||
margin-top: 0px;
|
|
||||||
font-size: 26rpx;
|
|
||||||
line-height: 40rpx;
|
|
||||||
}
|
|
||||||
.calendar-years, .calendar-months{
|
|
||||||
height: 50%;
|
|
||||||
width: 100%;
|
|
||||||
padding: 10px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.calendar-years:after {
|
|
||||||
content: '';
|
|
||||||
display: block;
|
|
||||||
width: 86%;
|
|
||||||
height: 1rpx;
|
|
||||||
background-color: #eee;
|
|
||||||
position: absolute;
|
|
||||||
bottom: 2%;
|
|
||||||
left: 7%;
|
|
||||||
}
|
|
||||||
/*range background*/
|
|
||||||
.mc-range-mode .selected .mc-range-bg{
|
|
||||||
content: '';
|
|
||||||
display: block;
|
|
||||||
width: 110rpx;
|
|
||||||
height: 80rpx;
|
|
||||||
background-color: #01a1ed;
|
|
||||||
position: absolute;
|
|
||||||
top: 0rpx;
|
|
||||||
left: 50%;
|
|
||||||
}
|
|
||||||
.mpvue-calendar .mc-range-mode .selected .calendar-date{
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
.mpvue-calendar .mc-range-mode .mc-range-row-last span.calendar-date, .mpvue-calendar .mc-range-mode .mc-range-row-first span.calendar-date{
|
|
||||||
border-radius: 6rpx;
|
|
||||||
background-color: #01a1ed;
|
|
||||||
}
|
|
||||||
.mpvue-calendar .mc-range-mode .mc-range-month-first.selected .calendar-date, .mpvue-calendar .mc-range-mode .mc-range-month-last.selected .calendar-date{
|
|
||||||
border-radius: 6rpx;
|
|
||||||
background-color: #01a1ed;
|
|
||||||
}
|
|
||||||
.mc-range-mode .mc-range-month-last .mc-range-bg{
|
|
||||||
background-color: transparent;
|
|
||||||
border-radius: 6rpx;
|
|
||||||
}
|
|
||||||
.mc-range-mode .mc-range-end .mc-range-bg, .mc-range-mode .mc-range-row-last .mc-range-bg{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.mpvue-calendar .mc-range-mode .mc-range-end span.calendar-date, .mpvue-calendar .mc-range-mode .mc-range-begin span.calendar-date{
|
|
||||||
background-color: #3b75fb;
|
|
||||||
color: #fff;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
.mc-range-mode .mc-range-row-first.mc-range-end .mc-range-bg{
|
|
||||||
display: block;
|
|
||||||
border-radius: 6rpx;
|
|
||||||
width: 40rpx;
|
|
||||||
left: 5px;
|
|
||||||
}
|
|
||||||
.mpvue-calendar .mc-range-row-first.mc-range-end.month-first-date .mc-range-bg{
|
|
||||||
margin-left: 0px;
|
|
||||||
}
|
|
||||||
.mc-range-mode .mc-range-row-last.mc-range-begin .mc-range-bg{
|
|
||||||
display: block;
|
|
||||||
border-radius: 4rpx;
|
|
||||||
width: 40rpx;
|
|
||||||
right: 10px;
|
|
||||||
}
|
|
||||||
.mpvue-calendar .mc-range-mode .month-last-date.mc-range-begin .mc-range-bg{
|
|
||||||
display: block;
|
|
||||||
width: 40rpx;
|
|
||||||
border-radius: 6rpx;
|
|
||||||
}
|
|
||||||
.mpvue-calendar .mc-range-mode .month-first-date.mc-range-end .mc-range-bg{
|
|
||||||
display: block;
|
|
||||||
width: 40rpx;
|
|
||||||
border-radius: 6rpx;
|
|
||||||
left: 10rpx;
|
|
||||||
}
|
|
||||||
.mpvue-calendar .mc-range-mode .mc-range-select-one div.mc-range-bg{
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
.mc-body .mc-today-element .calendar-date{
|
|
||||||
background-color: rgba(25, 47, 89, 0.1);
|
|
||||||
border-radius: 6rpx;
|
|
||||||
}
|
|
||||||
/*week switch*/
|
|
||||||
.mpvue-calendar .mc-range-mode.week-switch .month-last-date.mc-range-begin .mc-range-bg{
|
|
||||||
width: 130%;
|
|
||||||
border-radius: 0px 20% 20% 0px;
|
|
||||||
}
|
|
||||||
.mpvue-calendar .mc-range-mode.week-switch .mc-range-month-last .mc-range-bg{
|
|
||||||
background-color: #01a1ed;
|
|
||||||
border-radius: 0px 20% 20% 0px;
|
|
||||||
}
|
|
||||||
/*month range*/
|
|
||||||
.mpvue-calendar .month-range-mode{
|
|
||||||
border-bottom: 1px solid #f2f2f2;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.mpvue-calendar .mc-month-range-mode-head{
|
|
||||||
box-shadow: 0 4px 8px rgba(25,47,89,.1);
|
|
||||||
padding: 15rpx 0rpx;
|
|
||||||
position: sticky;
|
|
||||||
top: 0px;
|
|
||||||
background-color: #fff;
|
|
||||||
z-index: 9;
|
|
||||||
}
|
|
||||||
.month-range-mode .month-rang-head {
|
|
||||||
text-align: left;
|
|
||||||
margin: 20rpx 0px;
|
|
||||||
padding-left: 40rpx;
|
|
||||||
font-size: 28rpx;
|
|
||||||
}
|
|
||||||
.month-range-mode .mc-last-month, .month-range-mode .mc-next-month{
|
|
||||||
opacity: 0 !important;
|
|
||||||
}
|
|
||||||
.month-text-background{
|
|
||||||
position: absolute;
|
|
||||||
font-size: 140px;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 2.4;
|
|
||||||
}
|
|
||||||
@ -1,117 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view class="orderGoods borRadius14">
|
|
||||||
<view class='total'>共{{ orderProNum?orderProNum:totalNmu}}件商品</view>
|
|
||||||
<view class='goodWrapper pad30'>
|
|
||||||
<view class='item acea-row row-between-wrapper' v-for="(item,index) in cartInfo" :key="index"
|
|
||||||
@click="jumpCon(item.productId)">
|
|
||||||
<view class='pictrue'>
|
|
||||||
<image :src='item.image'></image>
|
|
||||||
</view>
|
|
||||||
<view class='text'>
|
|
||||||
<view class='acea-row row-between-wrapper'>
|
|
||||||
<view class='name line1'>{{item.productName ? item.productName : item.storeName}}</view>
|
|
||||||
<view class='num'>x {{item.payNum ? item.payNum : item.cartNum}}</view>
|
|
||||||
</view>
|
|
||||||
<view class='attr line1' v-if="item.sku">{{item.sku}}</view>
|
|
||||||
<view class='money font-color'>￥{{item.price}}</view>
|
|
||||||
<view class='evaluate' v-if='item.isReply==0 && evaluate==2' @click.stop="evaluateTap(item)">评价
|
|
||||||
</view>
|
|
||||||
<view class='evaluate' v-else-if="item.isReply==1">已评价</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
props: {
|
|
||||||
evaluate: {
|
|
||||||
type: Number,
|
|
||||||
default: 0,
|
|
||||||
},
|
|
||||||
cartInfo: {
|
|
||||||
type: Array,
|
|
||||||
default: function() {
|
|
||||||
return [];
|
|
||||||
}
|
|
||||||
},
|
|
||||||
orderId: {
|
|
||||||
type: String,
|
|
||||||
default: '',
|
|
||||||
},
|
|
||||||
ids: {
|
|
||||||
type: Number,
|
|
||||||
default: 0,
|
|
||||||
},
|
|
||||||
jump: {
|
|
||||||
type: Boolean,
|
|
||||||
default: false,
|
|
||||||
},
|
|
||||||
orderProNum: {
|
|
||||||
type: Number,
|
|
||||||
default: function() {
|
|
||||||
return 0;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
productType: {
|
|
||||||
type: Number,
|
|
||||||
default: function() {
|
|
||||||
return 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
totalNmu: ''
|
|
||||||
};
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
cartInfo: function(nVal, oVal) {
|
|
||||||
let num = 0
|
|
||||||
nVal.forEach((item, index) => {
|
|
||||||
num += item.cartNum
|
|
||||||
})
|
|
||||||
this.totalNmu = num
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
evaluateTap(item) {
|
|
||||||
uni.navigateTo({
|
|
||||||
url: "/pages/users/goods_comment_con/index?unique=" + item.attrId + "&orderId=" + this.orderId + '&id=' + this.ids
|
|
||||||
})
|
|
||||||
},
|
|
||||||
jumpCon: function(id) {
|
|
||||||
let type = this.productType==0?'normal':'video'
|
|
||||||
if (this.jump) {
|
|
||||||
uni.navigateTo({
|
|
||||||
url: `/pages/goods_details/index?id=${id}&type=${type}`
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.orderGoods {
|
|
||||||
background-color: #fff;
|
|
||||||
margin-top: 15rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.orderGoods .total {
|
|
||||||
width: 100%;
|
|
||||||
height: 86rpx;
|
|
||||||
padding: 0 24rpx;
|
|
||||||
border-bottom: 2rpx solid #f0f0f0;
|
|
||||||
font-size: 30rpx;
|
|
||||||
color: #282828;
|
|
||||||
line-height: 86rpx;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pictrue image {
|
|
||||||
background: #f4f4f4;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,314 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view>
|
|
||||||
<view class="payment" :class="pay_close ? 'on' : ''">
|
|
||||||
<view class="title acea-row row-center-wrapper">
|
|
||||||
选择付款方式<text class="iconfont icon-guanbi" @click='close'></text>
|
|
||||||
</view>
|
|
||||||
<view class="item acea-row row-between-wrapper" @click='goPay(item.number || 0 , item.value)'
|
|
||||||
v-for="(item,index) in payMode" :key="index">
|
|
||||||
<view class="left acea-row row-between-wrapper">
|
|
||||||
<view class="iconfont" :class="item.icon"></view>
|
|
||||||
<view class="text">
|
|
||||||
<view class="name">{{item.name}}</view>
|
|
||||||
<view class="info" v-if="item.number">
|
|
||||||
{{item.title}} <span class="money">￥{{ item.number }}</span>
|
|
||||||
</view>
|
|
||||||
<view class="info" v-else>{{item.title}}</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="iconfont icon-xiangyou"></view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="mask" @click='close' v-if="pay_close"></view>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import {
|
|
||||||
orderPay,
|
|
||||||
wechatOrderPay,
|
|
||||||
wechatQueryPayResult
|
|
||||||
} from '@/api/order.js';
|
|
||||||
import {
|
|
||||||
mapGetters
|
|
||||||
} from "vuex";
|
|
||||||
export default {
|
|
||||||
props: {
|
|
||||||
payMode: {
|
|
||||||
type: Array,
|
|
||||||
default: function() {
|
|
||||||
return [];
|
|
||||||
}
|
|
||||||
},
|
|
||||||
pay_close: {
|
|
||||||
type: Boolean,
|
|
||||||
default: false,
|
|
||||||
},
|
|
||||||
order_id: {
|
|
||||||
type: String,
|
|
||||||
default: ''
|
|
||||||
},
|
|
||||||
totalPrice: {
|
|
||||||
type: String,
|
|
||||||
default: '0'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
|
|
||||||
};
|
|
||||||
},
|
|
||||||
computed: mapGetters(['systemPlatform']),
|
|
||||||
methods: {
|
|
||||||
close: function() {
|
|
||||||
this.$emit('onChangeFun', {
|
|
||||||
action: 'payClose'
|
|
||||||
});
|
|
||||||
},
|
|
||||||
goPay: function(number, paytype) {
|
|
||||||
let that = this;
|
|
||||||
let goPages = '/pages/order_pay_status/index?order_id=' + that.order_id;
|
|
||||||
if (!that.order_id) return that.$util.Tips({
|
|
||||||
title: '请选择要支付的订单'
|
|
||||||
});
|
|
||||||
if (paytype == 'yue' && parseFloat(number) < parseFloat(that.totalPrice)) return that.$util.Tips({
|
|
||||||
title: '余额不足！'
|
|
||||||
});
|
|
||||||
uni.showLoading({
|
|
||||||
title: '支付中'
|
|
||||||
});
|
|
||||||
wechatOrderPay({
|
|
||||||
orderNo: that.order_id,
|
|
||||||
// #ifdef MP
|
|
||||||
payChannel: 'routine',
|
|
||||||
// #endif
|
|
||||||
// #ifdef H5
|
|
||||||
payChannel: that.$wechat.isWeixin() ? 'public' : 'weixinh5',
|
|
||||||
// #endif
|
|
||||||
payType: paytype
|
|
||||||
}).then(res => {
|
|
||||||
let jsConfig = res.data.jsConfig;
|
|
||||||
that.order_id = res.data.orderNo;
|
|
||||||
switch (res.data.payType) {
|
|
||||||
case 'weixin':
|
|
||||||
// #ifdef MP
|
|
||||||
uni.requestPayment({
|
|
||||||
timeStamp: jsConfig.timeStamp,
|
|
||||||
nonceStr: jsConfig.nonceStr,
|
|
||||||
package: jsConfig.packages,
|
|
||||||
signType: jsConfig.signType,
|
|
||||||
paySign: jsConfig.paySign,
|
|
||||||
success: function(ress) {
|
|
||||||
uni.hideLoading();
|
|
||||||
wechatQueryPayResult(that.order_id).then(res => {
|
|
||||||
uni.hideLoading();
|
|
||||||
return that.$util.Tips({
|
|
||||||
title: "支付成功",
|
|
||||||
icon: 'success'
|
|
||||||
}, () => {
|
|
||||||
that.$emit('onChangeFun', {
|
|
||||||
action: 'pay_complete'
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}).cache(err => {
|
|
||||||
uni.hideLoading();
|
|
||||||
return that.$util.Tips({
|
|
||||||
title: err
|
|
||||||
});
|
|
||||||
})
|
|
||||||
},
|
|
||||||
fail: function(e) {
|
|
||||||
uni.hideLoading();
|
|
||||||
return that.$util.Tips({
|
|
||||||
title: '取消支付'
|
|
||||||
}, () => {
|
|
||||||
that.$emit('onChangeFun', {
|
|
||||||
action: 'pay_fail'
|
|
||||||
});
|
|
||||||
});
|
|
||||||
},
|
|
||||||
complete: function(e) {
|
|
||||||
uni.hideLoading();
|
|
||||||
if (e.errMsg == 'requestPayment:cancel') return that.$util
|
|
||||||
.Tips({
|
|
||||||
title: '取消支付'
|
|
||||||
}, () => {
|
|
||||||
that.$emit('onChangeFun', {
|
|
||||||
action: 'pay_fail'
|
|
||||||
});
|
|
||||||
});
|
|
||||||
},
|
|
||||||
})
|
|
||||||
// #endif
|
|
||||||
// #ifdef H5
|
|
||||||
let datas = {
|
|
||||||
timestamp: jsConfig.timeStamp,
|
|
||||||
nonceStr: jsConfig.nonceStr,
|
|
||||||
package: jsConfig.packages,
|
|
||||||
signType: jsConfig.signType,
|
|
||||||
paySign: jsConfig.paySign
|
|
||||||
};
|
|
||||||
that.$wechat.pay(datas).then(res => {
|
|
||||||
if (res.errMsg == 'chooseWXPay:cancel') {
|
|
||||||
uni.hideLoading();
|
|
||||||
return that.$util.Tips({
|
|
||||||
title: '支付失败'
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
wechatQueryPayResult(that.order_id).then(res => {
|
|
||||||
uni.hideLoading();
|
|
||||||
return that.$util.Tips({
|
|
||||||
title: "支付成功",
|
|
||||||
icon: 'success'
|
|
||||||
}, () => {
|
|
||||||
that.$emit('onChangeFun', {
|
|
||||||
action: 'pay_complete'
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}).cache(err => {
|
|
||||||
uni.hideLoading();
|
|
||||||
return that.$util.Tips({
|
|
||||||
title: err
|
|
||||||
});
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
}).cache(errW => {
|
|
||||||
uni.hideLoading();
|
|
||||||
return that.$util.Tips({
|
|
||||||
title: errW
|
|
||||||
});
|
|
||||||
})
|
|
||||||
// #endif
|
|
||||||
break;
|
|
||||||
case 'yue':
|
|
||||||
uni.hideLoading();
|
|
||||||
return that.$util.Tips({
|
|
||||||
title: '余额支付成功',
|
|
||||||
icon: 'success'
|
|
||||||
}, () => {
|
|
||||||
that.$emit('onChangeFun', {
|
|
||||||
action: 'pay_complete'
|
|
||||||
});
|
|
||||||
});
|
|
||||||
break;
|
|
||||||
case 'weixinh5':
|
|
||||||
uni.hideLoading();
|
|
||||||
location.replace(jsConfig.mwebUrl + '&redirect_url=' + window.location.protocol +
|
|
||||||
'//' + window.location.host + goPages + '&status=1');
|
|
||||||
return that.$util.Tips({
|
|
||||||
title: "支付中",
|
|
||||||
icon: 'success'
|
|
||||||
}, () => {
|
|
||||||
that.$emit('onChangeFun', {
|
|
||||||
action: 'pay_complete'
|
|
||||||
});
|
|
||||||
});
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}).catch(err => {
|
|
||||||
uni.hideLoading();
|
|
||||||
return that.$util.Tips({
|
|
||||||
title: err
|
|
||||||
}, () => {
|
|
||||||
that.$emit('onChangeFun', {
|
|
||||||
action: 'pay_fail'
|
|
||||||
});
|
|
||||||
});
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.payment {
|
|
||||||
position: fixed;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
border-radius: 16rpx 16rpx 0 0;
|
|
||||||
background-color: #fff;
|
|
||||||
padding-bottom: 60rpx;
|
|
||||||
z-index: 99;
|
|
||||||
transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
|
|
||||||
transform: translate3d(0, 100%, 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.payment.on {
|
|
||||||
transform: translate3d(0, 0, 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.payment .title {
|
|
||||||
text-align: center;
|
|
||||||
height: 123rpx;
|
|
||||||
font-size: 32rpx;
|
|
||||||
color: #282828;
|
|
||||||
font-weight: bold;
|
|
||||||
padding-right: 30rpx;
|
|
||||||
margin-left: 30rpx;
|
|
||||||
position: relative;
|
|
||||||
border-bottom: 1rpx solid #eee;
|
|
||||||
}
|
|
||||||
|
|
||||||
.payment .title .iconfont {
|
|
||||||
position: absolute;
|
|
||||||
right: 30rpx;
|
|
||||||
top: 50%;
|
|
||||||
transform: translateY(-50%);
|
|
||||||
font-size: 43rpx;
|
|
||||||
color: #8a8a8a;
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.payment .item {
|
|
||||||
border-bottom: 1rpx solid #eee;
|
|
||||||
height: 130rpx;
|
|
||||||
margin-left: 30rpx;
|
|
||||||
padding-right: 30rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.payment .item .left {
|
|
||||||
width: 610rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.payment .item .left .text {
|
|
||||||
width: 540rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.payment .item .left .text .name {
|
|
||||||
font-size: 32rpx;
|
|
||||||
color: #282828;
|
|
||||||
}
|
|
||||||
|
|
||||||
.payment .item .left .text .info {
|
|
||||||
font-size: 24rpx;
|
|
||||||
color: #999;
|
|
||||||
}
|
|
||||||
|
|
||||||
.payment .item .left .text .info .money {
|
|
||||||
color: #ff9900;
|
|
||||||
}
|
|
||||||
|
|
||||||
.payment .item .left .iconfont {
|
|
||||||
font-size: 45rpx;
|
|
||||||
color: #09bb07;
|
|
||||||
}
|
|
||||||
|
|
||||||
.payment .item .left .iconfont.icon-zhifubao {
|
|
||||||
color: #00aaea;
|
|
||||||
}
|
|
||||||
|
|
||||||
.payment .item .left .iconfont.icon-yuezhifu {
|
|
||||||
color: #ff9900;
|
|
||||||
}
|
|
||||||
|
|
||||||
.payment .item .left .iconfont.icon-yuezhifu1 {
|
|
||||||
color: #eb6623;
|
|
||||||
}
|
|
||||||
|
|
||||||
.payment .item .iconfont {
|
|
||||||
font-size: 0.3rpx;
|
|
||||||
color: #999;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,149 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view class='product-bg'>
|
|
||||||
<swiper :indicator-dots="indicatorDots" indicator-active-color="#e93323" :autoplay="autoplay"
|
|
||||||
:circular="circular" :interval="interval" :duration="duration" @change="change">
|
|
||||||
|
|
||||||
<swiper-item v-if="videoline">
|
|
||||||
<view class="item">
|
|
||||||
<view v-show="!controls" style="width:100%;height:100% ">
|
|
||||||
<video id="myVideo" :src='videoline' objectFit="cover" controls style="width:100%;height:100% "
|
|
||||||
show-center-play-btn show-mute-btn="true" auto-pause-if-navigate :custom-cache="false"
|
|
||||||
:enable-progress-gesture="false" :poster="imgUrls[0]" @pause="videoPause"></video>
|
|
||||||
</view>
|
|
||||||
<view class="poster" v-show="controls">
|
|
||||||
<image class="image" :src="imgUrls[0]"></image>
|
|
||||||
</view>
|
|
||||||
<view class="stop" v-show="controls" @tap="bindPause">
|
|
||||||
<image class="image" src="../../static/images/stop.png"></image>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</swiper-item>
|
|
||||||
|
|
||||||
<block v-for="(item,index) in imgUrls" :key='index'>
|
|
||||||
<swiper-item>
|
|
||||||
<image :src="item" class="slide-image" />
|
|
||||||
</swiper-item>
|
|
||||||
</block>
|
|
||||||
</swiper>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
props: {
|
|
||||||
imgUrls: {
|
|
||||||
type: Array,
|
|
||||||
default: function() {
|
|
||||||
return [];
|
|
||||||
}
|
|
||||||
},
|
|
||||||
videoline: {
|
|
||||||
type: String,
|
|
||||||
value: ""
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
indicatorDots: true,
|
|
||||||
circular: true,
|
|
||||||
autoplay: true,
|
|
||||||
interval: 3000,
|
|
||||||
duration: 500,
|
|
||||||
currents: "1",
|
|
||||||
controls: true,
|
|
||||||
isPlay:true,
|
|
||||||
videoContext:''
|
|
||||||
};
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
if(this.videoline){
|
|
||||||
this.imgUrls.shift()
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
videoPause(e){
|
|
||||||
},
|
|
||||||
bindPause: function() {
|
|
||||||
this.videoContext.play();
|
|
||||||
this.$set(this, 'controls', false)
|
|
||||||
this.autoplay = false
|
|
||||||
},
|
|
||||||
change: function(e) {
|
|
||||||
this.$set(this, 'currents', e.detail.current + 1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.product-bg {
|
|
||||||
width: 100%;
|
|
||||||
height: 750rpx;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-bg swiper {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-bg .slide-image {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-bg .pages {
|
|
||||||
position: absolute;
|
|
||||||
background-color: #fff;
|
|
||||||
height: 34rpx;
|
|
||||||
padding: 0 10rpx;
|
|
||||||
border-radius: 3rpx;
|
|
||||||
right: 30rpx;
|
|
||||||
bottom: 30rpx;
|
|
||||||
line-height: 34rpx;
|
|
||||||
font-size: 24rpx;
|
|
||||||
color: #050505;
|
|
||||||
}
|
|
||||||
|
|
||||||
#myVideo {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-bg .item {
|
|
||||||
position: relative;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-bg .item .poster {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
height: 750rpx;
|
|
||||||
width: 100%;
|
|
||||||
z-index: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-bg .item .poster .image {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-bg .item .stop {
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
width: 136rpx;
|
|
||||||
height: 136rpx;
|
|
||||||
margin-top: -68rpx;
|
|
||||||
margin-left: -68rpx;
|
|
||||||
z-index: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-bg .item .stop .image {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,344 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view>
|
|
||||||
<view class="product-window"
|
|
||||||
:class="(attr.cartAttr === true ? 'on' : '') + ' ' + (iSbnt?'join':'') + ' ' + (iScart?'joinCart':'')">
|
|
||||||
<view class="textpic acea-row row-between-wrapper">
|
|
||||||
<view class="pictrue">
|
|
||||||
<image :src="attr.productSelect.image"></image>
|
|
||||||
</view>
|
|
||||||
<view class="text">
|
|
||||||
<view class="line1">
|
|
||||||
{{ attr.productSelect.storeName }}
|
|
||||||
</view>
|
|
||||||
<view class="money font-color">
|
|
||||||
￥<text class="num">{{ attr.productSelect.price }}</text>
|
|
||||||
<text class="stock" v-if='isShow'>库存: {{ attr.productSelect.stock }}</text>
|
|
||||||
<text class='stock' v-if="limitNum">限量: {{attr.productSelect.quota}}</text>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="iconfont icon-guanbi" @click="closeAttr"></view>
|
|
||||||
</view>
|
|
||||||
<view class="rollTop">
|
|
||||||
<view class="productWinList">
|
|
||||||
<view class="item" v-for="(item, indexw) in attr.productAttr" :key="indexw">
|
|
||||||
<view class="title">{{ item.attrName }}</view>
|
|
||||||
<view class="listn acea-row row-middle">
|
|
||||||
<view class="itemn" :class="item.index === itemn ? 'on' : ''"
|
|
||||||
v-for="(itemn, indexn) in item.attrValues" @click="tapAttr(indexw, indexn)"
|
|
||||||
:key="indexn">
|
|
||||||
{{ itemn }}
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="cart acea-row row-between-wrapper">
|
|
||||||
<view class="title">数量</view>
|
|
||||||
<view class="carnum acea-row row-left">
|
|
||||||
<view class="item reduce" :class="attr.productSelect.cart_num <= 1 ? 'on' : ''"
|
|
||||||
@click="CartNumDes">
|
|
||||||
-
|
|
||||||
</view>
|
|
||||||
<view class='item num'>
|
|
||||||
<input type="number" v-model="attr.productSelect.cart_num"
|
|
||||||
data-name="productSelect.cart_num"
|
|
||||||
@input="bindCode(attr.productSelect.cart_num)"></input>
|
|
||||||
</view>
|
|
||||||
<view v-if="iSplus" class="item plus" :class="
|
|
||||||
attr.productSelect.cart_num >= attr.productSelect.stock
|
|
||||||
? 'on'
|
|
||||||
: ''
|
|
||||||
" @click="CartNumAdd">
|
|
||||||
+
|
|
||||||
</view>
|
|
||||||
<view v-else class='item plus'
|
|
||||||
:class='(attr.productSelect.cart_num >= attr.productSelect.quota) || (attr.productSelect.cart_num >= attr.productSelect.stock) || (attr.productSelect.cart_num >= attr.productSelect.num)? "on":""'
|
|
||||||
@click='CartNumAdd'>+</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="joinBnt bg-color" v-if="iSbnt && attr.productSelect.stock>0 &&attr.productSelect.quota>0"
|
|
||||||
@click="goCat">我要参团</view>
|
|
||||||
<view class="joinBnt on"
|
|
||||||
v-else-if="(iSbnt && attr.productSelect.quota<=0)||(iSbnt &&attr.productSelect.stock<=0)">已售罄</view>
|
|
||||||
<view class="joinBnt bg-color" v-if="iScart && attr.productSelect.stock" @click="goCat">确定</view>
|
|
||||||
<!-- <view class="joinBnt bg-color" v-if="iSbnt && attr.productSelect.stock && attr.productSelect.quota" @click="goCat">确定</view> -->
|
|
||||||
<view class="joinBnt on" v-else-if="(iScart && !attr.productSelect.stock)">已售罄</view>
|
|
||||||
</view>
|
|
||||||
<view class="mask" @touchmove.prevent :hidden="attr.cartAttr === false" @click="closeAttr"></view>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
|
|
||||||
props: {
|
|
||||||
attr: {
|
|
||||||
type: Object,
|
|
||||||
default: () => {}
|
|
||||||
},
|
|
||||||
limitNum: {
|
|
||||||
type: Number,
|
|
||||||
value: 0
|
|
||||||
},
|
|
||||||
isShow: {
|
|
||||||
type: Number,
|
|
||||||
value: 0
|
|
||||||
},
|
|
||||||
iSbnt: {
|
|
||||||
type: Number,
|
|
||||||
value: 0
|
|
||||||
},
|
|
||||||
iSplus: {
|
|
||||||
type: Number,
|
|
||||||
value: 0
|
|
||||||
},
|
|
||||||
iScart: {
|
|
||||||
type: Number,
|
|
||||||
value: 0
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {};
|
|
||||||
},
|
|
||||||
mounted() {},
|
|
||||||
methods: {
|
|
||||||
goCat: function() {
|
|
||||||
this.$emit('goCat');
|
|
||||||
},
|
|
||||||
/**
|
|
||||||
* 购物车手动输入数量
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
bindCode: function(e) {
|
|
||||||
this.$emit('iptCartNum', this.attr.productSelect.cart_num);
|
|
||||||
},
|
|
||||||
closeAttr: function() {
|
|
||||||
this.$emit('myevent');
|
|
||||||
},
|
|
||||||
CartNumDes: function() {
|
|
||||||
this.$emit('ChangeCartNum', false);
|
|
||||||
},
|
|
||||||
CartNumAdd: function() {
|
|
||||||
this.$emit('ChangeCartNum', true);
|
|
||||||
},
|
|
||||||
tapAttr: function(indexw, indexn) {
|
|
||||||
let that = this;
|
|
||||||
that.$emit("attrVal", {
|
|
||||||
indexw: indexw,
|
|
||||||
indexn: indexn
|
|
||||||
});
|
|
||||||
this.$set(this.attr.productAttr[indexw], 'index', this.attr.productAttr[indexw].attrValues[indexn]);
|
|
||||||
let value = that
|
|
||||||
.getCheckedValue()
|
|
||||||
// .sort()
|
|
||||||
.join(",");
|
|
||||||
that.$emit("ChangeAttr", value);
|
|
||||||
|
|
||||||
},
|
|
||||||
//获取被选中属性；
|
|
||||||
getCheckedValue: function() {
|
|
||||||
let productAttr = this.attr.productAttr;
|
|
||||||
let value = [];
|
|
||||||
for (let i = 0; i < productAttr.length; i++) {
|
|
||||||
for (let j = 0; j < productAttr[i].attrValues.length; j++) {
|
|
||||||
if (productAttr[i].index === productAttr[i].attrValues[j]) {
|
|
||||||
value.push(productAttr[i].attrValues[j]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return value;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.product-window {
|
|
||||||
position: fixed;
|
|
||||||
bottom: 0;
|
|
||||||
width: 100%;
|
|
||||||
left: 0;
|
|
||||||
background-color: #fff;
|
|
||||||
z-index: 77;
|
|
||||||
border-radius: 16rpx 16rpx 0 0;
|
|
||||||
padding-bottom: 140rpx;
|
|
||||||
transform: translate3d(0, 100%, 0);
|
|
||||||
transition: all .3s cubic-bezier(.25, .5, .5, .9);
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-window.on {
|
|
||||||
transform: translate3d(0, 0, 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-window.join {
|
|
||||||
padding-bottom: 30rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-window.joinCart {
|
|
||||||
padding-bottom: 30rpx;
|
|
||||||
z-index: 999;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-window .textpic {
|
|
||||||
padding: 0 130rpx 0 30rpx;
|
|
||||||
margin-top: 29rpx;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-window .textpic .pictrue {
|
|
||||||
width: 150rpx;
|
|
||||||
height: 150rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-window .textpic .pictrue image {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
border-radius: 10rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-window .textpic .text {
|
|
||||||
width: 410rpx;
|
|
||||||
font-size: 32rpx;
|
|
||||||
color: #333333;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-window .textpic .text .money {
|
|
||||||
font-size: 24rpx;
|
|
||||||
margin-top: 40rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-window .textpic .text .money .num {
|
|
||||||
font-size: 36rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-window .textpic .text .money .stock {
|
|
||||||
color: #999;
|
|
||||||
margin-left: 18rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-window .textpic .iconfont {
|
|
||||||
position: absolute;
|
|
||||||
right: 30rpx;
|
|
||||||
top: -5rpx;
|
|
||||||
font-size: 35rpx;
|
|
||||||
color: #8a8a8a;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-window .rollTop {
|
|
||||||
max-height: 500rpx;
|
|
||||||
overflow: auto;
|
|
||||||
margin-top: 36rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-window .productWinList .item~.item {
|
|
||||||
margin-top: 36rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-window .productWinList .item .title {
|
|
||||||
font-size: 30rpx;
|
|
||||||
color: #999;
|
|
||||||
padding: 0 30rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-window .productWinList .item .listn {
|
|
||||||
padding: 0 30rpx 0 16rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-window .productWinList .item .listn .itemn {
|
|
||||||
border: 1px solid #F2F2F2;
|
|
||||||
font-size: 26rpx;
|
|
||||||
color: #282828;
|
|
||||||
padding: 7rpx 33rpx;
|
|
||||||
border-radius: 40rpx;
|
|
||||||
margin: 20rpx 0 0 14rpx;
|
|
||||||
background-color: #F2F2F2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-window .productWinList .item .listn .itemn.on {
|
|
||||||
color: $theme-color;
|
|
||||||
background: rgba(255, 244, 243, 1);
|
|
||||||
border-color: $theme-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-window .productWinList .item .listn .itemn.limit {
|
|
||||||
color: #999;
|
|
||||||
text-decoration: line-through;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-window .cart {
|
|
||||||
margin-top: 36rpx;
|
|
||||||
padding: 0 30rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-window .cart .title {
|
|
||||||
font-size: 30rpx;
|
|
||||||
color: #999;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-window .cart .carnum {
|
|
||||||
height: 54rpx;
|
|
||||||
margin-top: 24rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-window .cart .carnum view {
|
|
||||||
// border: 1px solid #a4a4a4;
|
|
||||||
width: 84rpx;
|
|
||||||
text-align: center;
|
|
||||||
height: 100%;
|
|
||||||
line-height: 54rpx;
|
|
||||||
color: #282828;
|
|
||||||
font-size: 45rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-window .cart .carnum .reduce {
|
|
||||||
border-right: 0;
|
|
||||||
border-radius: 6rpx 0 0 6rpx;
|
|
||||||
line-height: 48rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-window .cart .carnum .reduce.on {
|
|
||||||
// border-color: #e3e3e3;
|
|
||||||
color: #DEDEDE;
|
|
||||||
font-size: 44rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-window .cart .carnum .plus {
|
|
||||||
border-left: 0;
|
|
||||||
border-radius: 0 6rpx 6rpx 0;
|
|
||||||
line-height: 46rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-window .cart .carnum .plus.on {
|
|
||||||
border-color: #e3e3e3;
|
|
||||||
color: #dedede;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-window .cart .carnum .num {
|
|
||||||
background: rgba(242, 242, 242, 1);
|
|
||||||
color: #282828;
|
|
||||||
font-size: 28rpx;
|
|
||||||
border-radius: 12rpx;
|
|
||||||
line-height: 29px;
|
|
||||||
height: 54rpx;
|
|
||||||
|
|
||||||
input {
|
|
||||||
display: -webkit-inline-box;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-window .joinBnt {
|
|
||||||
font-size: 30rpx;
|
|
||||||
width: 620rpx;
|
|
||||||
height: 86rpx;
|
|
||||||
border-radius: 50rpx;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 86rpx;
|
|
||||||
color: #fff;
|
|
||||||
margin: 21rpx auto 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-window .joinBnt.on {
|
|
||||||
background-color: #bbb;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,110 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view class='promotionGood'>
|
|
||||||
<block v-for="(item,index) in benefit" :key="index">
|
|
||||||
<view class='item acea-row row-between-wrapper' @tap="goDetail(item)" hover-class="none">
|
|
||||||
<view class='pictrue'>
|
|
||||||
<image :src='item.image'></image>
|
|
||||||
<span class="pictrue_log pictrue_log_class" v-if="item.activityH5 && item.activityH5.type === '1'">秒杀</span>
|
|
||||||
<span class="pictrue_log pictrue_log_class" v-if="item.activityH5 && item.activityH5.type === '2'">砍价</span>
|
|
||||||
<span class="pictrue_log pictrue_log_class" v-if="item.activityH5 && item.activityH5.type === '3'">拼团</span>
|
|
||||||
</view>
|
|
||||||
<view class='text'>
|
|
||||||
<view class='name line1'>{{item.store_name}}</view>
|
|
||||||
<view class='sp-money acea-row'>
|
|
||||||
<view class='moneyCon'>促销价: ￥<text class='num'>{{item.price}}</text></view>
|
|
||||||
</view>
|
|
||||||
<view class='acea-row row-between-wrapper'>
|
|
||||||
<view class='money'>日常价：￥{{item.ot_price}}</view>
|
|
||||||
<view>仅剩：{{item.stock}}{{item.unit_name}}</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</block>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import {mapGetters} from "vuex";
|
|
||||||
import { goShopDetail } from '@/libs/order.js'
|
|
||||||
export default {
|
|
||||||
computed: mapGetters(['uid']),
|
|
||||||
props: {
|
|
||||||
benefit: {
|
|
||||||
type: Array,
|
|
||||||
default: function() {
|
|
||||||
return [];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
|
|
||||||
};
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
goDetail(item){
|
|
||||||
goShopDetail(item,this.uid).then(res=>{
|
|
||||||
uni.navigateTo({
|
|
||||||
url:`/pages/goods_details/index?id=${item.id}`
|
|
||||||
})
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang='scss'>
|
|
||||||
.promotionGood {
|
|
||||||
padding: 0 30rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.promotionGood .item {
|
|
||||||
border-bottom: 1rpx solid #eee;
|
|
||||||
height: 250rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.promotionGood .item .pictrue {
|
|
||||||
position: relative;
|
|
||||||
width: 188rpx;
|
|
||||||
height: 188rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.promotionGood .item .pictrue image {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
border-radius: 8rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.promotionGood .item .text {
|
|
||||||
font-size: 24rpx;
|
|
||||||
color: #999;
|
|
||||||
width: 472rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.promotionGood .item .text .name {
|
|
||||||
font-size: 30rpx;
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
|
|
||||||
.promotionGood .item .text .sp-money {
|
|
||||||
margin: 34rpx 0 20rpx 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.promotionGood .item .text .sp-money .moneyCon {
|
|
||||||
padding: 0 18rpx;
|
|
||||||
background-color: red;
|
|
||||||
height: 46rpx;
|
|
||||||
line-height: 46rpx;
|
|
||||||
background-image: linear-gradient(to right, #ff6248 0%, #ff3e1e 100%);
|
|
||||||
font-size: 20rpx;
|
|
||||||
color: #fff;
|
|
||||||
border-radius: 24rpx 3rpx 24rpx 3rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.promotionGood .item .text .sp-money .moneyCon .num {
|
|
||||||
font-size: 24rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.promotionGood .item .text .money {
|
|
||||||
text-decoration: line-through;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,118 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view class='recommend'>
|
|
||||||
<view class='title acea-row row-center-wrapper'>
|
|
||||||
<text class='iconfont icon-zhuangshixian'></text>
|
|
||||||
<text class='name'>热门推荐</text>
|
|
||||||
<text class='iconfont icon-zhuangshixian lefticon'></text>
|
|
||||||
</view>
|
|
||||||
<view class='recommendList acea-row row-between-wrapper'>
|
|
||||||
<view class='item' v-for="(item,index) in hostProduct" :key="index" hover-class='none' @tap="goDetail(item)">
|
|
||||||
<view class='pictrue'>
|
|
||||||
<image :src='item.image'></image>
|
|
||||||
<span class="pictrue_log_big pictrue_log_class" v-if="item.activityH5 && item.activityH5.type === '1'">秒杀</span>
|
|
||||||
<span class="pictrue_log_big pictrue_log_class" v-if="item.activityH5 && item.activityH5.type === '2'">砍价</span>
|
|
||||||
<span class="pictrue_log_big pictrue_log_class" v-if="item.activityH5 && item.activityH5.type === '3'">拼团</span>
|
|
||||||
</view>
|
|
||||||
<view class='name line1'>{{item.storeName}}</view>
|
|
||||||
<view class='money font-color'>￥<text class='num'>{{item.price}}</text></view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import {mapGetters} from "vuex";
|
|
||||||
import { goShopDetail } from '@/libs/order.js'
|
|
||||||
export default {
|
|
||||||
computed: mapGetters(['uid']),
|
|
||||||
props: {
|
|
||||||
hostProduct: {
|
|
||||||
type: Array,
|
|
||||||
default: function() {
|
|
||||||
return [];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
|
|
||||||
};
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
|
||||||
goDetail(item){
|
|
||||||
goShopDetail(item,this.uid).then(res=>{
|
|
||||||
uni.navigateTo({
|
|
||||||
url:`/pages/goods_details/index?id=${item.id}`
|
|
||||||
})
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.recommend {
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.recommend .title {
|
|
||||||
height: 135rpx;
|
|
||||||
line-height: 135rpx;
|
|
||||||
font-size: 28rpx;
|
|
||||||
color: #282828;
|
|
||||||
}
|
|
||||||
|
|
||||||
.recommend .title .name {
|
|
||||||
margin: 0 28rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.recommend .title .iconfont {
|
|
||||||
font-size: 170rpx;
|
|
||||||
color: #454545;
|
|
||||||
}
|
|
||||||
|
|
||||||
.recommend .title .iconfont.lefticon {
|
|
||||||
transform: rotate(180deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.recommend .recommendList {
|
|
||||||
padding: 0 30rpx;
|
|
||||||
/* #ifdef H5 */
|
|
||||||
padding-bottom: 50rpx;
|
|
||||||
/* #endif */
|
|
||||||
}
|
|
||||||
|
|
||||||
.recommend .recommendList .item {
|
|
||||||
width: 335rpx;
|
|
||||||
margin-bottom: 30rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.recommend .recommendList .item .pictrue {
|
|
||||||
position: relative;
|
|
||||||
width: 100%;
|
|
||||||
height: 335rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.recommend .recommendList .item .pictrue image {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
border-radius: 14rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.recommend .recommendList .item .name {
|
|
||||||
font-size: 28rpx;
|
|
||||||
color: #282828;
|
|
||||||
margin-top: 20rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.recommend .recommendList .item .money {
|
|
||||||
font-size: 20rpx;
|
|
||||||
margin-top: 8rpx;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
.recommend .recommendList .item .money .num {
|
|
||||||
font-size: 28rpx;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,47 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view v-if="shareInfoStatus" class="poster-first">
|
|
||||||
<view class="mask-share">
|
|
||||||
<image src="/static/images/share-info.png" @click="shareInfoClose" @touchmove.stop.prevent="false"></image>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
|
|
||||||
export default {
|
|
||||||
props: {
|
|
||||||
shareInfoStatus: {
|
|
||||||
type: Boolean,
|
|
||||||
default:false,
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data: function() {
|
|
||||||
return {};
|
|
||||||
},
|
|
||||||
mounted: function() {},
|
|
||||||
methods: {
|
|
||||||
shareInfoClose: function() {
|
|
||||||
this.$emit("setShareInfoStatus");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.poster-first {
|
|
||||||
overscroll-behavior: contain;
|
|
||||||
}
|
|
||||||
.mask-share {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
z-index: 99;
|
|
||||||
}
|
|
||||||
.mask-share image {
|
|
||||||
width: 100%;
|
|
||||||
height:100%;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,57 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view class='sharing-packets' :class='sharePacket.isState==true?"on":""'>
|
|
||||||
<view class='iconfont icon-guanbi' @click="closeShare"></view>
|
|
||||||
<view class='line'></view>
|
|
||||||
<view class='sharing-con' @click='goShare'>
|
|
||||||
<image src='../../static/images/red-packets.png'></image>
|
|
||||||
<view class='text font-color'>
|
|
||||||
<view>会员分享返</view>
|
|
||||||
<view class='money'><text class='label'>￥</text>{{sharePacket.priceName}}</view>
|
|
||||||
<view class='tip'>下单即返佣金</view>
|
|
||||||
<view class='shareBut'>立即分享</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
|
|
||||||
props: {
|
|
||||||
sharePacket: {
|
|
||||||
type: Object,
|
|
||||||
default: function(){
|
|
||||||
return {isState: true,priceName:''}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
|
|
||||||
};
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
|
||||||
closeShare:function(){
|
|
||||||
this.$emit('closeChange');
|
|
||||||
},
|
|
||||||
goShare:function(){
|
|
||||||
this.$emit('listenerActionSheet');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.sharing-packets{position:fixed;left:30rpx;bottom:200rpx;z-index:5;transition:all 0.3s ease-in-out 0s;opacity:1;transform: scale(1);}
|
|
||||||
.sharing-packets.on{transform: scale(0);opacity:0;}
|
|
||||||
.sharing-packets .iconfont{width:44rpx;height:44rpx;border-radius:50%;text-align:center;line-height:44rpx;background-color:#999;font-size:20rpx;color:#fff;margin:0 auto;box-sizing:border-box;padding-left:1px;}
|
|
||||||
.sharing-packets .line{width:2rpx;height:40rpx;background-color:#999;margin:0 auto;}
|
|
||||||
.sharing-packets .sharing-con{width:187rpx;height:210rpx;position:relative;}
|
|
||||||
.sharing-packets .sharing-con image{width:100%;height:100%;}
|
|
||||||
.sharing-packets .sharing-con .text{position:absolute;top:30rpx;font-size:20rpx;width:100%;text-align:center;}
|
|
||||||
.sharing-packets .sharing-con .text .money{font-size:32rpx;font-weight:bold;margin-top:5rpx;}
|
|
||||||
.sharing-packets .sharing-con .text .money .label{font-size:20rpx;}
|
|
||||||
.sharing-packets .sharing-con .text .tip{font-size:18rpx;color:#999;margin-top:5rpx;}
|
|
||||||
.sharing-packets .sharing-con .text .shareBut{font-size:22rpx;color:#fff;margin-top:18rpx;height:50rpx;line-height:50rpx;}
|
|
||||||
</style>
|
|
||||||
@ -1,52 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view class='swiper'>
|
|
||||||
<swiper :autoplay="autoplay" :circular="circular" :interval="interval" :duration="duration" @change="swiperChange">
|
|
||||||
<block v-for="(item,index) in imgUrls" :key="index">
|
|
||||||
<swiper-item>
|
|
||||||
<navigator :url="item.link" style='width:100%;height:100%;' hover-class='none'><image :src="item.img" class="slide-image"/></navigator>
|
|
||||||
</swiper-item>
|
|
||||||
</block>
|
|
||||||
</swiper>
|
|
||||||
<view class="dots acea-row">
|
|
||||||
<view class="dot" :class="index == currentSwiper ? 'active' : ''" v-for="(item,index) in imgUrls" :key="index"></view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
|
|
||||||
props: {
|
|
||||||
imgUrls: {
|
|
||||||
type: Array,
|
|
||||||
default: function(){
|
|
||||||
return [];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
circular: true,
|
|
||||||
autoplay: true,
|
|
||||||
interval: 3000,
|
|
||||||
duration: 500,
|
|
||||||
currentSwiper: 0
|
|
||||||
};
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
|
||||||
swiperChange: function (e) {
|
|
||||||
this.currentSwiper = e.detail.current
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.swiper{width:100%;height:282rpx;position:relative;}
|
|
||||||
.swiper swiper{width:100%;height:100%;position:relative;}
|
|
||||||
.swiper swiper .slide-image{width:100%;height:100%;}
|
|
||||||
.swiper .dots{position:absolute;right:40rpx;bottom:20rpx;}
|
|
||||||
.swiper .dots .dot{width:12rpx;height:12rpx;border:2rpx solid #fff;border-radius:50%;margin-right:15rpx;}
|
|
||||||
.swiper .dots .dot.active{border-color:$theme-color;background-color:$theme-color;}
|
|
||||||
</style>
|
|
||||||
@ -1,197 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view class="navTabBox">
|
|
||||||
<view class="longTab">
|
|
||||||
<scroll-view scroll-x="true" style="white-space: nowrap; display: flex;" scroll-with-animation :scroll-left="tabLeft" show-scrollbar="true">
|
|
||||||
<view class="longItem line1" :style='"width:"+isWidth+"px"' :data-index="index" :class="index===tabClick?'click':''" v-for="(item,index) in tabTitle" :key="index" :id="'id'+index" @click="longClick(index)">{{item.name}}</view>
|
|
||||||
<view class="underlineBox" :style='"transform:translateX("+isLeft+"px);width:"+isWidth+"px"'>
|
|
||||||
<view class="underline"></view>
|
|
||||||
</view>
|
|
||||||
</scroll-view>
|
|
||||||
</view>
|
|
||||||
<view class="child-box" v-if="tabClick>0 && tabTitle[tabClick].child?tabTitle[tabClick].child.length>0:0">
|
|
||||||
<scroll-view scroll-x="true">
|
|
||||||
<view class="wrapper">
|
|
||||||
<view v-for="(item,index) in tabTitle[tabClick].child?tabTitle[tabClick].child:[]" :key="index" class="child-item" :class="{on:index == childIndex}" @click="childTab(tabClick,index)">
|
|
||||||
<image :src="item.extra" mode="" :style="{'background-color':item.extra?'none':'#f7f7f7'}"></image>
|
|
||||||
<view class="txt line1">{{item.name}}</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</scroll-view>
|
|
||||||
</view>
|
|
||||||
<!-- <image :src="item.extra" mode="" :style="{'background-color':(item.extra&&item.extra.indexOf('https://') > -1) || (item.extra&&item.extra.indexOf('http://') > -1)?'none':'#f7f7f7'}"></image> -->
|
|
||||||
<!-- <view class="child-box" v-if="tabClick>0 && tabTitle[tabClick].child?tabTitle[tabClick].child.length>0:0">
|
|
||||||
<scroll-view scroll-x="true" style="white-space: nowrap; display: flex;align-items: center; height: 100%;" scroll-with-animation :scroll-left="tabLeft" show-scrollbar="false">
|
|
||||||
<view class="wrapper">
|
|
||||||
<view v-for="(item,index) in tabTitle[tabClick].child?tabTitle[tabClick].child:[]" :key="index" class="child-item" :class="{on:index == childIndex}" @click="childTab(tabClick,index)">
|
|
||||||
<image :src="item.extra" mode="" :style="{'background-color':item.extra?'none':'#f7f7f7'}"></image>
|
|
||||||
<view class="txt line1">{{item.name}}</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</scroll-view>
|
|
||||||
</view> -->
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import {
|
|
||||||
getProductslist,
|
|
||||||
getProductHot
|
|
||||||
} from '@/api/store.js';
|
|
||||||
export default {
|
|
||||||
name: 'navTab',
|
|
||||||
props: {
|
|
||||||
tabTitle: {
|
|
||||||
type: Array,
|
|
||||||
default: []
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
tabClick: 0, //导航栏被点击
|
|
||||||
isLeft: 0, //导航栏下划线位置
|
|
||||||
isWidth: 0, //每个导航栏占位
|
|
||||||
tabLeft:0,
|
|
||||||
swiperIndex:0,
|
|
||||||
childIndex:0,
|
|
||||||
childID:0
|
|
||||||
};
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
|
|
||||||
var that = this
|
|
||||||
// 获取设备宽度
|
|
||||||
uni.getSystemInfo({
|
|
||||||
success(e) {
|
|
||||||
that.isWidth = e.windowWidth / 5
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
// 导航栏点击
|
|
||||||
longClick(index){
|
|
||||||
this.childIndex = 0;
|
|
||||||
if(this.tabTitle.length>5){
|
|
||||||
var tempIndex = index - 2;
|
|
||||||
tempIndex = tempIndex<=0 ? 0 : tempIndex;
|
|
||||||
this.tabLeft = (index-2) * this.isWidth //设置下划线位置
|
|
||||||
}
|
|
||||||
this.tabClick = index //设置导航点击了哪一个
|
|
||||||
this.isLeft = index * this.isWidth //设置下划线位置
|
|
||||||
let obj = {
|
|
||||||
type:'big', //大标题
|
|
||||||
index:index
|
|
||||||
}
|
|
||||||
this.parentEmit(obj)
|
|
||||||
this.$parent.currentTab = index //设置swiper的第几页
|
|
||||||
},
|
|
||||||
// 导航子类点击
|
|
||||||
childTab(tabClick,index){
|
|
||||||
this.childIndex = index
|
|
||||||
let obj = {
|
|
||||||
parentIndex:tabClick,
|
|
||||||
childIndex:index,
|
|
||||||
type:'small' //小标题
|
|
||||||
}
|
|
||||||
this.parentEmit(obj)
|
|
||||||
},
|
|
||||||
parentEmit(data){
|
|
||||||
this.$emit('changeTab', data);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss">
|
|
||||||
.navTabBox {
|
|
||||||
width: 100%;
|
|
||||||
color: rgba(255, 255, 255, 1);
|
|
||||||
.click {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
.longTab {
|
|
||||||
width: 100%;
|
|
||||||
/* #ifdef H5 */
|
|
||||||
padding-bottom: 20rpx;
|
|
||||||
/* #endif */
|
|
||||||
/* #ifdef MP */
|
|
||||||
padding-top: 12rpx;
|
|
||||||
padding-bottom: 12rpx;
|
|
||||||
/* #endif */
|
|
||||||
.longItem{
|
|
||||||
height: 50upx;
|
|
||||||
display: inline-block;
|
|
||||||
line-height: 50upx;
|
|
||||||
text-align: center;
|
|
||||||
font-size: 30rpx;
|
|
||||||
&.click{
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.underlineBox {
|
|
||||||
height: 3px;
|
|
||||||
width: 20%;
|
|
||||||
display: flex;
|
|
||||||
align-content: center;
|
|
||||||
justify-content: center;
|
|
||||||
transition: .5s;
|
|
||||||
.underline {
|
|
||||||
width: 33rpx;
|
|
||||||
height: 4rpx;
|
|
||||||
background-color: white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.child-box{
|
|
||||||
width: 100%;
|
|
||||||
position: relative;
|
|
||||||
// height: 152rpx;
|
|
||||||
background-color: #fff;
|
|
||||||
/* #ifdef H5 */
|
|
||||||
box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.02);
|
|
||||||
/* #endif */
|
|
||||||
/* #ifdef MP */
|
|
||||||
box-shadow: 0 2rpx 3rpx 1rpx #f9f9f9;
|
|
||||||
/* #endif */
|
|
||||||
|
|
||||||
.wrapper{
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
padding: 20rpx 0;
|
|
||||||
background: #fff;
|
|
||||||
/* #ifdef H5 */
|
|
||||||
//box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.06);
|
|
||||||
/* #endif */
|
|
||||||
}
|
|
||||||
.child-item{
|
|
||||||
flex-shrink: 0;
|
|
||||||
width:140rpx;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
margin-left: 10rpx;
|
|
||||||
image{
|
|
||||||
width: 90rpx;
|
|
||||||
height: 90rpx;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
.txt{
|
|
||||||
font-size: 24rpx;
|
|
||||||
color: #282828;
|
|
||||||
text-align: center;
|
|
||||||
margin-top: 10rpx;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
&.on{
|
|
||||||
image{
|
|
||||||
border: 1px solid $theme-color-opacity;
|
|
||||||
}
|
|
||||||
.txt{
|
|
||||||
color: $theme-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,165 +0,0 @@
|
|||||||
<template>
|
|
||||||
<canvas v-if="canvasId" :id="canvasId" :canvasId="canvasId" :style="{'width':cWidth*pixelRatio+'px','height':cHeight*pixelRatio+'px', 'transform': 'scale('+(1/pixelRatio)+')','margin-left':-cWidth*(pixelRatio-1)/2+'px','margin-top':-cHeight*(pixelRatio-1)/2+'px'}"
|
|
||||||
@touchstart="touchStart" @touchmove="touchMove" @touchend="touchEnd" @error="error">
|
|
||||||
</canvas>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import uCharts from './u-charts.js';
|
|
||||||
var canvases = {};
|
|
||||||
|
|
||||||
export default {
|
|
||||||
props: {
|
|
||||||
chartType: {
|
|
||||||
required: true,
|
|
||||||
type: String,
|
|
||||||
default: 'column'
|
|
||||||
},
|
|
||||||
opts: {
|
|
||||||
required: true,
|
|
||||||
type: Object,
|
|
||||||
default () {
|
|
||||||
return null;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
canvasId: {
|
|
||||||
type: String,
|
|
||||||
default: 'u-canvas',
|
|
||||||
},
|
|
||||||
cWidth: {
|
|
||||||
default: 375,
|
|
||||||
},
|
|
||||||
cHeight: {
|
|
||||||
default: 250,
|
|
||||||
},
|
|
||||||
pixelRatio: {
|
|
||||||
type: Number,
|
|
||||||
default: 1,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.init();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
init() {
|
|
||||||
switch (this.chartType) {
|
|
||||||
case 'column':
|
|
||||||
this.initColumnChart();
|
|
||||||
break;
|
|
||||||
case 'line':
|
|
||||||
this.initLineChart();
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
initColumnChart() {
|
|
||||||
canvases[this.canvasId] = new uCharts({
|
|
||||||
$this: this,
|
|
||||||
canvasId: this.canvasId,
|
|
||||||
type: 'column',
|
|
||||||
legend: true,
|
|
||||||
fontSize: 11,
|
|
||||||
background: '#FFFFFF',
|
|
||||||
pixelRatio: this.pixelRatio,
|
|
||||||
animation: true,
|
|
||||||
categories: this.opts.categories,
|
|
||||||
series: this.opts.series,
|
|
||||||
enableScroll: true,
|
|
||||||
xAxis: {
|
|
||||||
disableGrid: true,
|
|
||||||
itemCount: 4,
|
|
||||||
scrollShow: true
|
|
||||||
},
|
|
||||||
yAxis: {
|
|
||||||
//disabled:true
|
|
||||||
},
|
|
||||||
dataLabel: true,
|
|
||||||
width: this.cWidth * this.pixelRatio,
|
|
||||||
height: this.cHeight * this.pixelRatio,
|
|
||||||
extra: {
|
|
||||||
column: {
|
|
||||||
type: 'group',
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
initLineChart() {
|
|
||||||
canvases[this.canvasId] = new uCharts({
|
|
||||||
$this: this,
|
|
||||||
canvasId: this.canvasId,
|
|
||||||
type: 'line',
|
|
||||||
fontSize: 11,
|
|
||||||
legend: true,
|
|
||||||
dataLabel: false,
|
|
||||||
dataPointShape: true,
|
|
||||||
background: '#FFFFFF',
|
|
||||||
pixelRatio: this.pixelRatio,
|
|
||||||
categories: this.opts.categories,
|
|
||||||
series: this.opts.series,
|
|
||||||
animation: true,
|
|
||||||
enableScroll: true,
|
|
||||||
xAxis: {
|
|
||||||
type: 'grid',
|
|
||||||
gridColor: '#CCCCCC',
|
|
||||||
gridType: 'dash',
|
|
||||||
dashLength: 8,
|
|
||||||
itemCount: 4,
|
|
||||||
scrollShow: true
|
|
||||||
},
|
|
||||||
yAxis: {
|
|
||||||
gridType: 'dash',
|
|
||||||
gridColor: '#CCCCCC',
|
|
||||||
dashLength: 8,
|
|
||||||
splitNumber: 5,
|
|
||||||
min: 10,
|
|
||||||
max: 180,
|
|
||||||
format: (val) => {
|
|
||||||
return val.toFixed(0) + '元'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
width: this.cWidth * this.pixelRatio,
|
|
||||||
height: this.cHeight * this.pixelRatio,
|
|
||||||
extra: {
|
|
||||||
line: {
|
|
||||||
type: 'straight'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 这里仅作为示例传入两个参数，cid为canvas-id,newdata为更新的数据，需要更多参数请自行修改
|
|
||||||
changeData(cid,newdata) {
|
|
||||||
canvases[cid].updateData({
|
|
||||||
series: newdata.series,
|
|
||||||
categories: newdata.categories
|
|
||||||
});
|
|
||||||
},
|
|
||||||
touchStart(e) {
|
|
||||||
canvases[this.canvasId].showToolTip(e, {
|
|
||||||
format: function(item, category) {
|
|
||||||
return category + ' ' + item.name + ':' + item.data
|
|
||||||
}
|
|
||||||
});
|
|
||||||
canvases[this.canvasId].scrollStart(e);
|
|
||||||
},
|
|
||||||
touchMove(e) {
|
|
||||||
canvases[this.canvasId].scroll(e);
|
|
||||||
},
|
|
||||||
touchEnd(e) {
|
|
||||||
canvases[this.canvasId].scrollEnd(e);
|
|
||||||
},
|
|
||||||
error(e) {
|
|
||||||
console.log(e)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.charts {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
flex: 1;
|
|
||||||
background-color: #FFFFFF;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
File diff suppressed because it is too large
Load Diff
1
app/components/ucharts/ucharts.min.js
vendored
1
app/components/ucharts/ucharts.min.js
vendored
File diff suppressed because one or more lines are too long
@ -1,546 +0,0 @@
|
|||||||
/**
|
|
||||||
* @1900-2100区间内的公历、农历互转
|
|
||||||
* @charset UTF-8
|
|
||||||
* @github https://github.com/jjonline/calendar.js
|
|
||||||
* @Author Jea杨(JJonline@JJonline.Cn)
|
|
||||||
* @Time 2014-7-21
|
|
||||||
* @Time 2016-8-13 Fixed 2033hex、Attribution Annals
|
|
||||||
* @Time 2016-9-25 Fixed lunar LeapMonth Param Bug
|
|
||||||
* @Time 2017-7-24 Fixed use getTerm Func Param Error.use solar year,NOT lunar year
|
|
||||||
* @Version 1.0.3
|
|
||||||
* @公历转农历：calendar.solar2lunar(1987,11,01); //[you can ignore params of prefix 0]
|
|
||||||
* @农历转公历：calendar.lunar2solar(1987,09,10); //[you can ignore params of prefix 0]
|
|
||||||
*/
|
|
||||||
/* eslint-disable */
|
|
||||||
var calendar = {
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 农历1900-2100的润大小信息表
|
|
||||||
* @Array Of Property
|
|
||||||
* @return Hex
|
|
||||||
*/
|
|
||||||
lunarInfo: [0x04bd8, 0x04ae0, 0x0a570, 0x054d5, 0x0d260, 0x0d950, 0x16554, 0x056a0, 0x09ad0, 0x055d2, // 1900-1909
|
|
||||||
0x04ae0, 0x0a5b6, 0x0a4d0, 0x0d250, 0x1d255, 0x0b540, 0x0d6a0, 0x0ada2, 0x095b0, 0x14977, // 1910-1919
|
|
||||||
0x04970, 0x0a4b0, 0x0b4b5, 0x06a50, 0x06d40, 0x1ab54, 0x02b60, 0x09570, 0x052f2, 0x04970, // 1920-1929
|
|
||||||
0x06566, 0x0d4a0, 0x0ea50, 0x06e95, 0x05ad0, 0x02b60, 0x186e3, 0x092e0, 0x1c8d7, 0x0c950, // 1930-1939
|
|
||||||
0x0d4a0, 0x1d8a6, 0x0b550, 0x056a0, 0x1a5b4, 0x025d0, 0x092d0, 0x0d2b2, 0x0a950, 0x0b557, // 1940-1949
|
|
||||||
0x06ca0, 0x0b550, 0x15355, 0x04da0, 0x0a5b0, 0x14573, 0x052b0, 0x0a9a8, 0x0e950, 0x06aa0, // 1950-1959
|
|
||||||
0x0aea6, 0x0ab50, 0x04b60, 0x0aae4, 0x0a570, 0x05260, 0x0f263, 0x0d950, 0x05b57, 0x056a0, // 1960-1969
|
|
||||||
0x096d0, 0x04dd5, 0x04ad0, 0x0a4d0, 0x0d4d4, 0x0d250, 0x0d558, 0x0b540, 0x0b6a0, 0x195a6, // 1970-1979
|
|
||||||
0x095b0, 0x049b0, 0x0a974, 0x0a4b0, 0x0b27a, 0x06a50, 0x06d40, 0x0af46, 0x0ab60, 0x09570, // 1980-1989
|
|
||||||
0x04af5, 0x04970, 0x064b0, 0x074a3, 0x0ea50, 0x06b58, 0x05ac0, 0x0ab60, 0x096d5, 0x092e0, // 1990-1999
|
|
||||||
0x0c960, 0x0d954, 0x0d4a0, 0x0da50, 0x07552, 0x056a0, 0x0abb7, 0x025d0, 0x092d0, 0x0cab5, // 2000-2009
|
|
||||||
0x0a950, 0x0b4a0, 0x0baa4, 0x0ad50, 0x055d9, 0x04ba0, 0x0a5b0, 0x15176, 0x052b0, 0x0a930, // 2010-2019
|
|
||||||
0x07954, 0x06aa0, 0x0ad50, 0x05b52, 0x04b60, 0x0a6e6, 0x0a4e0, 0x0d260, 0x0ea65, 0x0d530, // 2020-2029
|
|
||||||
0x05aa0, 0x076a3, 0x096d0, 0x04afb, 0x04ad0, 0x0a4d0, 0x1d0b6, 0x0d250, 0x0d520, 0x0dd45, // 2030-2039
|
|
||||||
0x0b5a0, 0x056d0, 0x055b2, 0x049b0, 0x0a577, 0x0a4b0, 0x0aa50, 0x1b255, 0x06d20, 0x0ada0, // 2040-2049
|
|
||||||
/** Add By JJonline@JJonline.Cn**/
|
|
||||||
0x14b63, 0x09370, 0x049f8, 0x04970, 0x064b0, 0x168a6, 0x0ea50, 0x06b20, 0x1a6c4, 0x0aae0, // 2050-2059
|
|
||||||
0x0a2e0, 0x0d2e3, 0x0c960, 0x0d557, 0x0d4a0, 0x0da50, 0x05d55, 0x056a0, 0x0a6d0, 0x055d4, // 2060-2069
|
|
||||||
0x052d0, 0x0a9b8, 0x0a950, 0x0b4a0, 0x0b6a6, 0x0ad50, 0x055a0, 0x0aba4, 0x0a5b0, 0x052b0, // 2070-2079
|
|
||||||
0x0b273, 0x06930, 0x07337, 0x06aa0, 0x0ad50, 0x14b55, 0x04b60, 0x0a570, 0x054e4, 0x0d160, // 2080-2089
|
|
||||||
0x0e968, 0x0d520, 0x0daa0, 0x16aa6, 0x056d0, 0x04ae0, 0x0a9d4, 0x0a2d0, 0x0d150, 0x0f252, // 2090-2099
|
|
||||||
0x0d520], // 2100
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 公历每个月份的天数普通表
|
|
||||||
* @Array Of Property
|
|
||||||
* @return Number
|
|
||||||
*/
|
|
||||||
solarMonth: [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31],
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 天干地支之天干速查表
|
|
||||||
* @Array Of Property trans["甲","乙","丙","丁","戊","己","庚","辛","壬","癸"]
|
|
||||||
* @return Cn string
|
|
||||||
*/
|
|
||||||
Gan: ['\u7532', '\u4e59', '\u4e19', '\u4e01', '\u620a', '\u5df1', '\u5e9a', '\u8f9b', '\u58ec', '\u7678'],
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 天干地支之地支速查表
|
|
||||||
* @Array Of Property
|
|
||||||
* @trans["子","丑","寅","卯","辰","巳","午","未","申","酉","戌","亥"]
|
|
||||||
* @return Cn string
|
|
||||||
*/
|
|
||||||
Zhi: ['\u5b50', '\u4e11', '\u5bc5', '\u536f', '\u8fb0', '\u5df3', '\u5348', '\u672a', '\u7533', '\u9149', '\u620c', '\u4ea5'],
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 天干地支之地支速查表<=>生肖
|
|
||||||
* @Array Of Property
|
|
||||||
* @trans["鼠","牛","虎","兔","龙","蛇","马","羊","猴","鸡","狗","猪"]
|
|
||||||
* @return Cn string
|
|
||||||
*/
|
|
||||||
Animals: ['\u9f20', '\u725b', '\u864e', '\u5154', '\u9f99', '\u86c7', '\u9a6c', '\u7f8a', '\u7334', '\u9e21', '\u72d7', '\u732a'],
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 24节气速查表
|
|
||||||
* @Array Of Property
|
|
||||||
* @trans["小寒","大寒","立春","雨水","惊蛰","春分","清明","谷雨","立夏","小满","芒种","夏至","小暑","大暑","立秋","处暑","白露","秋分","寒露","霜降","立冬","小雪","大雪","冬至"]
|
|
||||||
* @return Cn string
|
|
||||||
*/
|
|
||||||
solarTerm: ['\u5c0f\u5bd2', '\u5927\u5bd2', '\u7acb\u6625', '\u96e8\u6c34', '\u60ca\u86f0', '\u6625\u5206', '\u6e05\u660e', '\u8c37\u96e8', '\u7acb\u590f', '\u5c0f\u6ee1', '\u8292\u79cd', '\u590f\u81f3', '\u5c0f\u6691', '\u5927\u6691', '\u7acb\u79cb', '\u5904\u6691', '\u767d\u9732', '\u79cb\u5206', '\u5bd2\u9732', '\u971c\u964d', '\u7acb\u51ac', '\u5c0f\u96ea', '\u5927\u96ea', '\u51ac\u81f3'],
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1900-2100各年的24节气日期速查表
|
|
||||||
* @Array Of Property
|
|
||||||
* @return 0x string For splice
|
|
||||||
*/
|
|
||||||
sTermInfo: ['9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e', '97bcf97c3598082c95f8c965cc920f',
|
|
||||||
'97bd0b06bdb0722c965ce1cfcc920f', 'b027097bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
|
|
||||||
'97bcf97c359801ec95f8c965cc920f', '97bd0b06bdb0722c965ce1cfcc920f', 'b027097bd097c36b0b6fc9274c91aa',
|
|
||||||
'97b6b97bd19801ec9210c965cc920e', '97bcf97c359801ec95f8c965cc920f', '97bd0b06bdb0722c965ce1cfcc920f',
|
|
||||||
'b027097bd097c36b0b6fc9274c91aa', '9778397bd19801ec9210c965cc920e', '97b6b97bd19801ec95f8c965cc920f',
|
|
||||||
'97bd09801d98082c95f8e1cfcc920f', '97bd097bd097c36b0b6fc9210c8dc2', '9778397bd197c36c9210c9274c91aa',
|
|
||||||
'97b6b97bd19801ec95f8c965cc920e', '97bd09801d98082c95f8e1cfcc920f', '97bd097bd097c36b0b6fc9210c8dc2',
|
|
||||||
'9778397bd097c36c9210c9274c91aa', '97b6b97bd19801ec95f8c965cc920e', '97bcf97c3598082c95f8e1cfcc920f',
|
|
||||||
'97bd097bd097c36b0b6fc9210c8dc2', '9778397bd097c36c9210c9274c91aa', '97b6b97bd19801ec9210c965cc920e',
|
|
||||||
'97bcf97c3598082c95f8c965cc920f', '97bd097bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
|
|
||||||
'97b6b97bd19801ec9210c965cc920e', '97bcf97c3598082c95f8c965cc920f', '97bd097bd097c35b0b6fc920fb0722',
|
|
||||||
'9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e', '97bcf97c359801ec95f8c965cc920f',
|
|
||||||
'97bd097bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
|
|
||||||
'97bcf97c359801ec95f8c965cc920f', '97bd097bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
|
|
||||||
'97b6b97bd19801ec9210c965cc920e', '97bcf97c359801ec95f8c965cc920f', '97bd097bd07f595b0b6fc920fb0722',
|
|
||||||
'9778397bd097c36b0b6fc9210c8dc2', '9778397bd19801ec9210c9274c920e', '97b6b97bd19801ec95f8c965cc920f',
|
|
||||||
'97bd07f5307f595b0b0bc920fb0722', '7f0e397bd097c36b0b6fc9210c8dc2', '9778397bd097c36c9210c9274c920e',
|
|
||||||
'97b6b97bd19801ec95f8c965cc920f', '97bd07f5307f595b0b0bc920fb0722', '7f0e397bd097c36b0b6fc9210c8dc2',
|
|
||||||
'9778397bd097c36c9210c9274c91aa', '97b6b97bd19801ec9210c965cc920e', '97bd07f1487f595b0b0bc920fb0722',
|
|
||||||
'7f0e397bd097c36b0b6fc9210c8dc2', '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
|
|
||||||
'97bcf7f1487f595b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
|
|
||||||
'97b6b97bd19801ec9210c965cc920e', '97bcf7f1487f595b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722',
|
|
||||||
'9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e', '97bcf7f1487f531b0b0bb0b6fb0722',
|
|
||||||
'7f0e397bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
|
|
||||||
'97bcf7f1487f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
|
|
||||||
'97b6b97bd19801ec9210c9274c920e', '97bcf7f0e47f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722',
|
|
||||||
'9778397bd097c36b0b6fc9210c91aa', '97b6b97bd197c36c9210c9274c920e', '97bcf7f0e47f531b0b0bb0b6fb0722',
|
|
||||||
'7f0e397bd07f595b0b0bc920fb0722', '9778397bd097c36b0b6fc9210c8dc2', '9778397bd097c36c9210c9274c920e',
|
|
||||||
'97b6b7f0e47f531b0723b0b6fb0722', '7f0e37f5307f595b0b0bc920fb0722', '7f0e397bd097c36b0b6fc9210c8dc2',
|
|
||||||
'9778397bd097c36b0b70c9274c91aa', '97b6b7f0e47f531b0723b0b6fb0721', '7f0e37f1487f595b0b0bb0b6fb0722',
|
|
||||||
'7f0e397bd097c35b0b6fc9210c8dc2', '9778397bd097c36b0b6fc9274c91aa', '97b6b7f0e47f531b0723b0b6fb0721',
|
|
||||||
'7f0e27f1487f595b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
|
|
||||||
'97b6b7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722',
|
|
||||||
'9778397bd097c36b0b6fc9274c91aa', '97b6b7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722',
|
|
||||||
'7f0e397bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa', '97b6b7f0e47f531b0723b0b6fb0721',
|
|
||||||
'7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
|
|
||||||
'97b6b7f0e47f531b0723b0787b0721', '7f0e27f0e47f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722',
|
|
||||||
'9778397bd097c36b0b6fc9210c91aa', '97b6b7f0e47f149b0723b0787b0721', '7f0e27f0e47f531b0723b0b6fb0722',
|
|
||||||
'7f0e397bd07f595b0b0bc920fb0722', '9778397bd097c36b0b6fc9210c8dc2', '977837f0e37f149b0723b0787b0721',
|
|
||||||
'7f07e7f0e47f531b0723b0b6fb0722', '7f0e37f5307f595b0b0bc920fb0722', '7f0e397bd097c35b0b6fc9210c8dc2',
|
|
||||||
'977837f0e37f14998082b0787b0721', '7f07e7f0e47f531b0723b0b6fb0721', '7f0e37f1487f595b0b0bb0b6fb0722',
|
|
||||||
'7f0e397bd097c35b0b6fc9210c8dc2', '977837f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721',
|
|
||||||
'7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722', '977837f0e37f14998082b0787b06bd',
|
|
||||||
'7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722',
|
|
||||||
'977837f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722',
|
|
||||||
'7f0e397bd07f595b0b0bc920fb0722', '977837f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721',
|
|
||||||
'7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722', '977837f0e37f14998082b0787b06bd',
|
|
||||||
'7f07e7f0e47f149b0723b0787b0721', '7f0e27f0e47f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722',
|
|
||||||
'977837f0e37f14998082b0723b06bd', '7f07e7f0e37f149b0723b0787b0721', '7f0e27f0e47f531b0723b0b6fb0722',
|
|
||||||
'7f0e397bd07f595b0b0bc920fb0722', '977837f0e37f14898082b0723b02d5', '7ec967f0e37f14998082b0787b0721',
|
|
||||||
'7f07e7f0e47f531b0723b0b6fb0722', '7f0e37f1487f595b0b0bb0b6fb0722', '7f0e37f0e37f14898082b0723b02d5',
|
|
||||||
'7ec967f0e37f14998082b0787b0721', '7f07e7f0e47f531b0723b0b6fb0722', '7f0e37f1487f531b0b0bb0b6fb0722',
|
|
||||||
'7f0e37f0e37f14898082b0723b02d5', '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721',
|
|
||||||
'7f0e37f1487f531b0b0bb0b6fb0722', '7f0e37f0e37f14898082b072297c35', '7ec967f0e37f14998082b0787b06bd',
|
|
||||||
'7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e37f0e37f14898082b072297c35',
|
|
||||||
'7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722',
|
|
||||||
'7f0e37f0e366aa89801eb072297c35', '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f149b0723b0787b0721',
|
|
||||||
'7f0e27f1487f531b0b0bb0b6fb0722', '7f0e37f0e366aa89801eb072297c35', '7ec967f0e37f14998082b0723b06bd',
|
|
||||||
'7f07e7f0e47f149b0723b0787b0721', '7f0e27f0e47f531b0723b0b6fb0722', '7f0e37f0e366aa89801eb072297c35',
|
|
||||||
'7ec967f0e37f14998082b0723b06bd', '7f07e7f0e37f14998083b0787b0721', '7f0e27f0e47f531b0723b0b6fb0722',
|
|
||||||
'7f0e37f0e366aa89801eb072297c35', '7ec967f0e37f14898082b0723b02d5', '7f07e7f0e37f14998082b0787b0721',
|
|
||||||
'7f07e7f0e47f531b0723b0b6fb0722', '7f0e36665b66aa89801e9808297c35', '665f67f0e37f14898082b0723b02d5',
|
|
||||||
'7ec967f0e37f14998082b0787b0721', '7f07e7f0e47f531b0723b0b6fb0722', '7f0e36665b66a449801e9808297c35',
|
|
||||||
'665f67f0e37f14898082b0723b02d5', '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721',
|
|
||||||
'7f0e36665b66a449801e9808297c35', '665f67f0e37f14898082b072297c35', '7ec967f0e37f14998082b0787b06bd',
|
|
||||||
'7f07e7f0e47f531b0723b0b6fb0721', '7f0e26665b66a449801e9808297c35', '665f67f0e37f1489801eb072297c35',
|
|
||||||
'7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722'],
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 数字转中文速查表
|
|
||||||
* @Array Of Property
|
|
||||||
* @trans ['日','一','二','三','四','五','六','七','八','九','十']
|
|
||||||
* @return Cn string
|
|
||||||
*/
|
|
||||||
nStr1: ['\u65e5', '\u4e00', '\u4e8c', '\u4e09', '\u56db', '\u4e94', '\u516d', '\u4e03', '\u516b', '\u4e5d', '\u5341'],
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 日期转农历称呼速查表
|
|
||||||
* @Array Of Property
|
|
||||||
* @trans ['初','十','廿','卅']
|
|
||||||
* @return Cn string
|
|
||||||
*/
|
|
||||||
nStr2: ['\u521d', '\u5341', '\u5eff', '\u5345'],
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 月份转农历称呼速查表
|
|
||||||
* @Array Of Property
|
|
||||||
* @trans ['正','一','二','三','四','五','六','七','八','九','十','冬','腊']
|
|
||||||
* @return Cn string
|
|
||||||
*/
|
|
||||||
nStr3: ['\u6b63', '\u4e8c', '\u4e09', '\u56db', '\u4e94', '\u516d', '\u4e03', '\u516b', '\u4e5d', '\u5341', '\u51ac', '\u814a'],
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 返回农历y年一整年的总天数
|
|
||||||
* @param lunar Year
|
|
||||||
* @return Number
|
|
||||||
* @eg:var count = calendar.lYearDays(1987) ;//count=387
|
|
||||||
*/
|
|
||||||
lYearDays: function (y) {
|
|
||||||
var i; var sum = 348
|
|
||||||
for (i = 0x8000; i > 0x8; i >>= 1) { sum += (this.lunarInfo[y - 1900] & i) ? 1 : 0 }
|
|
||||||
return (sum + this.leapDays(y))
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 返回农历y年闰月是哪个月；若y年没有闰月 则返回0
|
|
||||||
* @param lunar Year
|
|
||||||
* @return Number (0-12)
|
|
||||||
* @eg:var leapMonth = calendar.leapMonth(1987) ;//leapMonth=6
|
|
||||||
*/
|
|
||||||
leapMonth: function (y) { // 闰字编码 \u95f0
|
|
||||||
return (this.lunarInfo[y - 1900] & 0xf)
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 返回农历y年闰月的天数 若该年没有闰月则返回0
|
|
||||||
* @param lunar Year
|
|
||||||
* @return Number (0、29、30)
|
|
||||||
* @eg:var leapMonthDay = calendar.leapDays(1987) ;//leapMonthDay=29
|
|
||||||
*/
|
|
||||||
leapDays: function (y) {
|
|
||||||
if (this.leapMonth(y)) {
|
|
||||||
return ((this.lunarInfo[y - 1900] & 0x10000) ? 30 : 29)
|
|
||||||
}
|
|
||||||
return (0)
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 返回农历y年m月（非闰月）的总天数，计算m为闰月时的天数请使用leapDays方法
|
|
||||||
* @param lunar Year
|
|
||||||
* @return Number (-1、29、30)
|
|
||||||
* @eg:var MonthDay = calendar.monthDays(1987,9) ;//MonthDay=29
|
|
||||||
*/
|
|
||||||
monthDays: function (y, m) {
|
|
||||||
if (m > 12 || m < 1) { return -1 }// 月份参数从1至12，参数错误返回-1
|
|
||||||
return ((this.lunarInfo[y - 1900] & (0x10000 >> m)) ? 30 : 29)
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 返回公历(!)y年m月的天数
|
|
||||||
* @param solar Year
|
|
||||||
* @return Number (-1、28、29、30、31)
|
|
||||||
* @eg:var solarMonthDay = calendar.leapDays(1987) ;//solarMonthDay=30
|
|
||||||
*/
|
|
||||||
solarDays: function (y, m) {
|
|
||||||
if (m > 12 || m < 1) { return -1 } // 若参数错误 返回-1
|
|
||||||
var ms = m - 1
|
|
||||||
if (ms == 1) { // 2月份的闰平规律测算后确认返回28或29
|
|
||||||
return (((y % 4 == 0) && (y % 100 != 0) || (y % 400 == 0)) ? 29 : 28)
|
|
||||||
} else {
|
|
||||||
return (this.solarMonth[ms])
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 农历年份转换为干支纪年
|
|
||||||
* @param lYear 农历年的年份数
|
|
||||||
* @return Cn string
|
|
||||||
*/
|
|
||||||
toGanZhiYear: function (lYear) {
|
|
||||||
var ganKey = (lYear - 3) % 10
|
|
||||||
var zhiKey = (lYear - 3) % 12
|
|
||||||
if (ganKey == 0) ganKey = 10// 如果余数为0则为最后一个天干
|
|
||||||
if (zhiKey == 0) zhiKey = 12// 如果余数为0则为最后一个地支
|
|
||||||
return this.Gan[ganKey - 1] + this.Zhi[zhiKey - 1]
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 公历月、日判断所属星座
|
|
||||||
* @param cMonth [description]
|
|
||||||
* @param cDay [description]
|
|
||||||
* @return Cn string
|
|
||||||
*/
|
|
||||||
toAstro: function (cMonth, cDay) {
|
|
||||||
var s = '\u9b54\u7faf\u6c34\u74f6\u53cc\u9c7c\u767d\u7f8a\u91d1\u725b\u53cc\u5b50\u5de8\u87f9\u72ee\u5b50\u5904\u5973\u5929\u79e4\u5929\u874e\u5c04\u624b\u9b54\u7faf'
|
|
||||||
var arr = [20, 19, 21, 21, 21, 22, 23, 23, 23, 23, 22, 22]
|
|
||||||
return s.substr(cMonth * 2 - (cDay < arr[cMonth - 1] ? 2 : 0), 2) + '\u5ea7'// 座
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 传入offset偏移量返回干支
|
|
||||||
* @param offset 相对甲子的偏移量
|
|
||||||
* @return Cn string
|
|
||||||
*/
|
|
||||||
toGanZhi: function (offset) {
|
|
||||||
return this.Gan[offset % 10] + this.Zhi[offset % 12]
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 传入公历(!)y年获得该年第n个节气的公历日期
|
|
||||||
* @param y公历年(1900-2100)；n二十四节气中的第几个节气(1~24)；从n=1(小寒)算起
|
|
||||||
* @return day Number
|
|
||||||
* @eg:var _24 = calendar.getTerm(1987,3) ;//_24=4;意即1987年2月4日立春
|
|
||||||
*/
|
|
||||||
getTerm: function (y, n) {
|
|
||||||
if (y < 1900 || y > 2100) { return -1 }
|
|
||||||
if (n < 1 || n > 24) { return -1 }
|
|
||||||
var _table = this.sTermInfo[y - 1900]
|
|
||||||
var _info = [
|
|
||||||
parseInt('0x' + _table.substr(0, 5)).toString(),
|
|
||||||
parseInt('0x' + _table.substr(5, 5)).toString(),
|
|
||||||
parseInt('0x' + _table.substr(10, 5)).toString(),
|
|
||||||
parseInt('0x' + _table.substr(15, 5)).toString(),
|
|
||||||
parseInt('0x' + _table.substr(20, 5)).toString(),
|
|
||||||
parseInt('0x' + _table.substr(25, 5)).toString()
|
|
||||||
]
|
|
||||||
var _calday = [
|
|
||||||
_info[0].substr(0, 1),
|
|
||||||
_info[0].substr(1, 2),
|
|
||||||
_info[0].substr(3, 1),
|
|
||||||
_info[0].substr(4, 2),
|
|
||||||
|
|
||||||
_info[1].substr(0, 1),
|
|
||||||
_info[1].substr(1, 2),
|
|
||||||
_info[1].substr(3, 1),
|
|
||||||
_info[1].substr(4, 2),
|
|
||||||
|
|
||||||
_info[2].substr(0, 1),
|
|
||||||
_info[2].substr(1, 2),
|
|
||||||
_info[2].substr(3, 1),
|
|
||||||
_info[2].substr(4, 2),
|
|
||||||
|
|
||||||
_info[3].substr(0, 1),
|
|
||||||
_info[3].substr(1, 2),
|
|
||||||
_info[3].substr(3, 1),
|
|
||||||
_info[3].substr(4, 2),
|
|
||||||
|
|
||||||
_info[4].substr(0, 1),
|
|
||||||
_info[4].substr(1, 2),
|
|
||||||
_info[4].substr(3, 1),
|
|
||||||
_info[4].substr(4, 2),
|
|
||||||
|
|
||||||
_info[5].substr(0, 1),
|
|
||||||
_info[5].substr(1, 2),
|
|
||||||
_info[5].substr(3, 1),
|
|
||||||
_info[5].substr(4, 2)
|
|
||||||
]
|
|
||||||
return parseInt(_calday[n - 1])
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 传入农历数字月份返回汉语通俗表示法
|
|
||||||
* @param lunar month
|
|
||||||
* @return Cn string
|
|
||||||
* @eg:var cnMonth = calendar.toChinaMonth(12) ;//cnMonth='腊月'
|
|
||||||
*/
|
|
||||||
toChinaMonth: function (m) { // 月 => \u6708
|
|
||||||
if (m > 12 || m < 1) { return -1 } // 若参数错误 返回-1
|
|
||||||
var s = this.nStr3[m - 1]
|
|
||||||
s += '\u6708'// 加上月字
|
|
||||||
return s
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 传入农历日期数字返回汉字表示法
|
|
||||||
* @param lunar day
|
|
||||||
* @return Cn string
|
|
||||||
* @eg:var cnDay = calendar.toChinaDay(21) ;//cnMonth='廿一'
|
|
||||||
*/
|
|
||||||
toChinaDay: function (d) { // 日 => \u65e5
|
|
||||||
var s
|
|
||||||
switch (d) {
|
|
||||||
case 10:
|
|
||||||
s = '\u521d\u5341'; break
|
|
||||||
case 20:
|
|
||||||
s = '\u4e8c\u5341'; break
|
|
||||||
break
|
|
||||||
case 30:
|
|
||||||
s = '\u4e09\u5341'; break
|
|
||||||
break
|
|
||||||
default :
|
|
||||||
s = this.nStr2[Math.floor(d / 10)]
|
|
||||||
s += this.nStr1[d % 10]
|
|
||||||
}
|
|
||||||
return (s)
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 年份转生肖[!仅能大致转换] => 精确划分生肖分界线是“立春”
|
|
||||||
* @param y year
|
|
||||||
* @return Cn string
|
|
||||||
* @eg:var animal = calendar.getAnimal(1987) ;//animal='兔'
|
|
||||||
*/
|
|
||||||
getAnimal: function (y) {
|
|
||||||
return this.Animals[(y - 4) % 12]
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 传入阳历年月日获得详细的公历、农历object信息 <=>JSON
|
|
||||||
* @param y solar year
|
|
||||||
* @param m solar month
|
|
||||||
* @param d solar day
|
|
||||||
* @return JSON object
|
|
||||||
* @eg:console.log(calendar.solar2lunar(1987,11,01));
|
|
||||||
*/
|
|
||||||
solar2lunar: function (y, m, d) { // 参数区间1900.1.31~2100.12.31
|
|
||||||
// 年份限定、上限
|
|
||||||
if (y < 1900 || y > 2100) {
|
|
||||||
return -1// undefined转换为数字变为NaN
|
|
||||||
}
|
|
||||||
// 公历传参最下限
|
|
||||||
if (y == 1900 && m == 1 && d < 31) {
|
|
||||||
return -1
|
|
||||||
}
|
|
||||||
// 未传参 获得当天
|
|
||||||
if (!y) {
|
|
||||||
var objDate = new Date()
|
|
||||||
} else {
|
|
||||||
var objDate = new Date(y, parseInt(m) - 1, d)
|
|
||||||
}
|
|
||||||
var i; var leap = 0; var temp = 0
|
|
||||||
// 修正ymd参数
|
|
||||||
var y = objDate.getFullYear()
|
|
||||||
var m = objDate.getMonth() + 1
|
|
||||||
var d = objDate.getDate()
|
|
||||||
var offset = (Date.UTC(objDate.getFullYear(), objDate.getMonth(), objDate.getDate()) - Date.UTC(1900, 0, 31)) / 86400000
|
|
||||||
for (i = 1900; i < 2101 && offset > 0; i++) {
|
|
||||||
temp = this.lYearDays(i)
|
|
||||||
offset -= temp
|
|
||||||
}
|
|
||||||
if (offset < 0) {
|
|
||||||
offset += temp; i--
|
|
||||||
}
|
|
||||||
|
|
||||||
// 是否今天
|
|
||||||
var isTodayObj = new Date()
|
|
||||||
var isToday = false
|
|
||||||
if (isTodayObj.getFullYear() == y && isTodayObj.getMonth() + 1 == m && isTodayObj.getDate() == d) {
|
|
||||||
isToday = true
|
|
||||||
}
|
|
||||||
// 星期几
|
|
||||||
var nWeek = objDate.getDay()
|
|
||||||
var cWeek = this.nStr1[nWeek]
|
|
||||||
// 数字表示周几顺应天朝周一开始的惯例
|
|
||||||
if (nWeek == 0) {
|
|
||||||
nWeek = 7
|
|
||||||
}
|
|
||||||
// 农历年
|
|
||||||
var year = i
|
|
||||||
var leap = this.leapMonth(i) // 闰哪个月
|
|
||||||
var isLeap = false
|
|
||||||
|
|
||||||
// 效验闰月
|
|
||||||
for (i = 1; i < 13 && offset > 0; i++) {
|
|
||||||
// 闰月
|
|
||||||
if (leap > 0 && i == (leap + 1) && isLeap == false) {
|
|
||||||
--i
|
|
||||||
isLeap = true; temp = this.leapDays(year) // 计算农历闰月天数
|
|
||||||
} else {
|
|
||||||
temp = this.monthDays(year, i)// 计算农历普通月天数
|
|
||||||
}
|
|
||||||
// 解除闰月
|
|
||||||
if (isLeap == true && i == (leap + 1)) { isLeap = false }
|
|
||||||
offset -= temp
|
|
||||||
}
|
|
||||||
// 闰月导致数组下标重叠取反
|
|
||||||
if (offset == 0 && leap > 0 && i == leap + 1) {
|
|
||||||
if (isLeap) {
|
|
||||||
isLeap = false
|
|
||||||
} else {
|
|
||||||
isLeap = true; --i
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (offset < 0) {
|
|
||||||
offset += temp; --i
|
|
||||||
}
|
|
||||||
// 农历月
|
|
||||||
var month = i
|
|
||||||
// 农历日
|
|
||||||
var day = offset + 1
|
|
||||||
// 天干地支处理
|
|
||||||
var sm = m - 1
|
|
||||||
var gzY = this.toGanZhiYear(year)
|
|
||||||
|
|
||||||
// 当月的两个节气
|
|
||||||
// bugfix-2017-7-24 11:03:38 use lunar Year Param `y` Not `year`
|
|
||||||
var firstNode = this.getTerm(y, (m * 2 - 1))// 返回当月「节」为几日开始
|
|
||||||
var secondNode = this.getTerm(y, (m * 2))// 返回当月「节」为几日开始
|
|
||||||
|
|
||||||
// 依据12节气修正干支月
|
|
||||||
var gzM = this.toGanZhi((y - 1900) * 12 + m + 11)
|
|
||||||
if (d >= firstNode) {
|
|
||||||
gzM = this.toGanZhi((y - 1900) * 12 + m + 12)
|
|
||||||
}
|
|
||||||
|
|
||||||
// 传入的日期的节气与否
|
|
||||||
var isTerm = false
|
|
||||||
var Term = null
|
|
||||||
if (firstNode == d) {
|
|
||||||
isTerm = true
|
|
||||||
Term = this.solarTerm[m * 2 - 2]
|
|
||||||
}
|
|
||||||
if (secondNode == d) {
|
|
||||||
isTerm = true
|
|
||||||
Term = this.solarTerm[m * 2 - 1]
|
|
||||||
}
|
|
||||||
// 日柱 当月一日与 1900/1/1 相差天数
|
|
||||||
var dayCyclical = Date.UTC(y, sm, 1, 0, 0, 0, 0) / 86400000 + 25567 + 10
|
|
||||||
var gzD = this.toGanZhi(dayCyclical + d - 1)
|
|
||||||
// 该日期所属的星座
|
|
||||||
var astro = this.toAstro(m, d)
|
|
||||||
|
|
||||||
return { 'lYear': year, 'lMonth': month, 'lDay': day, 'Animal': this.getAnimal(year), 'IMonthCn': (isLeap ? '\u95f0' : '') + this.toChinaMonth(month), 'IDayCn': this.toChinaDay(day), 'cYear': y, 'cMonth': m, 'cDay': d, 'gzYear': gzY, 'gzMonth': gzM, 'gzDay': gzD, 'isToday': isToday, 'isLeap': isLeap, 'nWeek': nWeek, 'ncWeek': '\u661f\u671f' + cWeek, 'isTerm': isTerm, 'Term': Term, 'astro': astro }
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 传入农历年月日以及传入的月份是否闰月获得详细的公历、农历object信息 <=>JSON
|
|
||||||
* @param y lunar year
|
|
||||||
* @param m lunar month
|
|
||||||
* @param d lunar day
|
|
||||||
* @param isLeapMonth lunar month is leap or not.[如果是农历闰月第四个参数赋值true即可]
|
|
||||||
* @return JSON object
|
|
||||||
* @eg:console.log(calendar.lunar2solar(1987,9,10));
|
|
||||||
*/
|
|
||||||
lunar2solar: function (y, m, d, isLeapMonth) { // 参数区间1900.1.31~2100.12.1
|
|
||||||
var isLeapMonth = !!isLeapMonth
|
|
||||||
var leapOffset = 0
|
|
||||||
var leapMonth = this.leapMonth(y)
|
|
||||||
var leapDay = this.leapDays(y)
|
|
||||||
if (isLeapMonth && (leapMonth != m)) { return -1 }// 传参要求计算该闰月公历 但该年得出的闰月与传参的月份并不同
|
|
||||||
if (y == 2100 && m == 12 && d > 1 || y == 1900 && m == 1 && d < 31) { return -1 }// 超出了最大极限值
|
|
||||||
var day = this.monthDays(y, m)
|
|
||||||
var _day = day
|
|
||||||
// bugFix 2016-9-25
|
|
||||||
// if month is leap, _day use leapDays method
|
|
||||||
if (isLeapMonth) {
|
|
||||||
_day = this.leapDays(y, m)
|
|
||||||
}
|
|
||||||
if (y < 1900 || y > 2100 || d > _day) { return -1 }// 参数合法性效验
|
|
||||||
|
|
||||||
// 计算农历的时间差
|
|
||||||
var offset = 0
|
|
||||||
for (var i = 1900; i < y; i++) {
|
|
||||||
offset += this.lYearDays(i)
|
|
||||||
}
|
|
||||||
var leap = 0; var isAdd = false
|
|
||||||
for (var i = 1; i < m; i++) {
|
|
||||||
leap = this.leapMonth(y)
|
|
||||||
if (!isAdd) { // 处理闰月
|
|
||||||
if (leap <= i && leap > 0) {
|
|
||||||
offset += this.leapDays(y); isAdd = true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
offset += this.monthDays(y, i)
|
|
||||||
}
|
|
||||||
// 转换闰月农历 需补充该年闰月的前一个月的时差
|
|
||||||
if (isLeapMonth) { offset += day }
|
|
||||||
// 1900年农历正月一日的公历时间为1900年1月30日0时0分0秒(该时间也是本农历的最开始起始点)
|
|
||||||
var stmap = Date.UTC(1900, 1, 30, 0, 0, 0)
|
|
||||||
var calObj = new Date((offset + d - 31) * 86400000 + stmap)
|
|
||||||
var cY = calObj.getUTCFullYear()
|
|
||||||
var cM = calObj.getUTCMonth() + 1
|
|
||||||
var cD = calObj.getUTCDate()
|
|
||||||
|
|
||||||
return this.solar2lunar(cY, cM, cD)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export default calendar
|
|
||||||
@ -1,152 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view class="uni-calendar-item__weeks-box" :class="{
|
|
||||||
'uni-calendar-item--disable':weeks.disable,
|
|
||||||
'uni-calendar-item--isDay':calendar.fullDate === weeks.fullDate && weeks.isDay,
|
|
||||||
'uni-calendar-item--checked':(calendar.fullDate === weeks.fullDate && !weeks.isDay) ,
|
|
||||||
'uni-calendar-item--multiple': weeks.multiple
|
|
||||||
}"
|
|
||||||
@click="choiceDate(weeks)">
|
|
||||||
<view class="uni-calendar-item__weeks-box-item">
|
|
||||||
<text v-if="selected&&weeks.extraInfo" class="uni-calendar-item__weeks-box-circle"></text>
|
|
||||||
<text class="uni-calendar-item__weeks-box-text" :class="{
|
|
||||||
'uni-calendar-item--isDay-text': weeks.isDay,
|
|
||||||
'uni-calendar-item--isDay':calendar.fullDate === weeks.fullDate && weeks.isDay,
|
|
||||||
'uni-calendar-item--checked':calendar.fullDate === weeks.fullDate && !weeks.isDay,
|
|
||||||
'uni-calendar-item--multiple': weeks.multiple,
|
|
||||||
'uni-calendar-item--disable':weeks.disable,
|
|
||||||
}">{{weeks.date}}</text>
|
|
||||||
<text v-if="!lunar&&!weeks.extraInfo && weeks.isDay" class="uni-calendar-item__weeks-lunar-text" :class="{
|
|
||||||
'uni-calendar-item--isDay-text':weeks.isDay,
|
|
||||||
'uni-calendar-item--isDay':calendar.fullDate === weeks.fullDate && weeks.isDay,
|
|
||||||
'uni-calendar-item--checked':calendar.fullDate === weeks.fullDate && !weeks.isDay,
|
|
||||||
'uni-calendar-item--multiple': weeks.multiple,
|
|
||||||
}">今天</text>
|
|
||||||
<text v-if="lunar&&!weeks.extraInfo" class="uni-calendar-item__weeks-lunar-text" :class="{
|
|
||||||
'uni-calendar-item--isDay-text':weeks.isDay,
|
|
||||||
'uni-calendar-item--isDay':calendar.fullDate === weeks.fullDate && weeks.isDay,
|
|
||||||
'uni-calendar-item--checked':calendar.fullDate === weeks.fullDate && !weeks.isDay,
|
|
||||||
'uni-calendar-item--multiple': weeks.multiple,
|
|
||||||
'uni-calendar-item--disable':weeks.disable,
|
|
||||||
}">{{weeks.isDay?'今天': (weeks.lunar.IDayCn === '初一'?weeks.lunar.IMonthCn:weeks.lunar.IDayCn)}}</text>
|
|
||||||
<text v-if="weeks.extraInfo&&weeks.extraInfo.info" class="uni-calendar-item__weeks-lunar-text" :class="{
|
|
||||||
'uni-calendar-item--extra':weeks.extraInfo.info,
|
|
||||||
'uni-calendar-item--isDay-text':weeks.isDay,
|
|
||||||
'uni-calendar-item--isDay':calendar.fullDate === weeks.fullDate && weeks.isDay,
|
|
||||||
'uni-calendar-item--checked':calendar.fullDate === weeks.fullDate && !weeks.isDay,
|
|
||||||
'uni-calendar-item--multiple': weeks.multiple,
|
|
||||||
'uni-calendar-item--disable':weeks.disable,
|
|
||||||
}">{{weeks.extraInfo.info}}</text>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
props: {
|
|
||||||
weeks: {
|
|
||||||
type: Object,
|
|
||||||
default () {
|
|
||||||
return {}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
calendar: {
|
|
||||||
type: Object,
|
|
||||||
default: () => {
|
|
||||||
return {}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
selected: {
|
|
||||||
type: Array,
|
|
||||||
default: () => {
|
|
||||||
return []
|
|
||||||
}
|
|
||||||
},
|
|
||||||
lunar: {
|
|
||||||
type: Boolean,
|
|
||||||
default: false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
choiceDate(weeks) {
|
|
||||||
this.$emit('change', weeks)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.uni-calendar-item__weeks-box {
|
|
||||||
flex: 1;
|
|
||||||
/* #ifndef APP-NVUE */
|
|
||||||
display: flex;
|
|
||||||
/* #endif */
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-calendar-item__weeks-box-text {
|
|
||||||
font-size: $uni-font-size-base;
|
|
||||||
color: $uni-text-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-calendar-item__weeks-lunar-text {
|
|
||||||
font-size: $uni-font-size-sm;
|
|
||||||
color: $uni-text-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-calendar-item__weeks-box-item {
|
|
||||||
position: relative;
|
|
||||||
/* #ifndef APP-NVUE */
|
|
||||||
display: flex;
|
|
||||||
/* #endif */
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
width: 100rpx;
|
|
||||||
height: 100rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-calendar-item__weeks-box-circle {
|
|
||||||
position: absolute;
|
|
||||||
top: 5px;
|
|
||||||
right: 5px;
|
|
||||||
width: 8px;
|
|
||||||
height: 8px;
|
|
||||||
border-radius: 8px;
|
|
||||||
background-color: $uni-color-error;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-calendar-item--disable {
|
|
||||||
background-color: rgba(249, 249, 249, $uni-opacity-disabled);
|
|
||||||
color: $uni-text-color-disable;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-calendar-item--isDay-text {
|
|
||||||
color: $uni-color-primary;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-calendar-item--isDay {
|
|
||||||
background-color: $uni-color-primary;
|
|
||||||
opacity: 0.8;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-calendar-item--extra {
|
|
||||||
color: $uni-color-error;
|
|
||||||
opacity: 0.8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-calendar-item--checked {
|
|
||||||
background-color: $uni-color-primary;
|
|
||||||
color: #fff;
|
|
||||||
opacity: 0.8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-calendar-item--multiple {
|
|
||||||
background-color: $uni-color-primary;
|
|
||||||
color: #fff;
|
|
||||||
opacity: 0.8;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,434 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view class="uni-calendar" @touchmove.stop.prevent="clean">
|
|
||||||
<view v-if="!insert&&show" class="uni-calendar__mask" :class="{'uni-calendar--mask-show':aniMaskShow}" @click="clean"></view>
|
|
||||||
<view v-if="insert || show" class="uni-calendar__content" :class="{'uni-calendar--fixed':!insert,'uni-calendar--ani-show':aniMaskShow}">
|
|
||||||
<view v-if="!insert" class="uni-calendar__header uni-calendar--fixed-top">
|
|
||||||
<view class="uni-calendar__header-btn-box" @click="close">
|
|
||||||
<text class="uni-calendar__header-text uni-calendar--fixed-width">取消</text>
|
|
||||||
</view>
|
|
||||||
<view class="uni-calendar__header-btn-box" @click="confirm">
|
|
||||||
<text class="uni-calendar__header-text uni-calendar--fixed-width">确定</text>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="uni-calendar__header">
|
|
||||||
<view class="uni-calendar__header-btn-box" @click="pre">
|
|
||||||
<view class="uni-calendar__header-btn uni-calendar--left"></view>
|
|
||||||
</view>
|
|
||||||
<text class="uni-calendar__header-text">{{ (nowDate.year||'') +'年'+( nowDate.month||'') +'月'}}</text>
|
|
||||||
<view class="uni-calendar__header-btn-box" @click="next">
|
|
||||||
<view class="uni-calendar__header-btn uni-calendar--right"></view>
|
|
||||||
</view>
|
|
||||||
<text class="uni-calendar__backtoday" @click="backtoday">回到今天</text>
|
|
||||||
</view>
|
|
||||||
<view class="uni-calendar__box">
|
|
||||||
<view v-if="showMonth" class="uni-calendar__box-bg">
|
|
||||||
<text class="uni-calendar__box-bg-text">{{nowDate.month}}</text>
|
|
||||||
</view>
|
|
||||||
<view class="uni-calendar__weeks">
|
|
||||||
<view class="uni-calendar__weeks-day">
|
|
||||||
<text class="uni-calendar__weeks-day-text">日</text>
|
|
||||||
</view>
|
|
||||||
<view class="uni-calendar__weeks-day">
|
|
||||||
<text class="uni-calendar__weeks-day-text">一</text>
|
|
||||||
</view>
|
|
||||||
<view class="uni-calendar__weeks-day">
|
|
||||||
<text class="uni-calendar__weeks-day-text">二</text>
|
|
||||||
</view>
|
|
||||||
<view class="uni-calendar__weeks-day">
|
|
||||||
<text class="uni-calendar__weeks-day-text">三</text>
|
|
||||||
</view>
|
|
||||||
<view class="uni-calendar__weeks-day">
|
|
||||||
<text class="uni-calendar__weeks-day-text">四</text>
|
|
||||||
</view>
|
|
||||||
<view class="uni-calendar__weeks-day">
|
|
||||||
<text class="uni-calendar__weeks-day-text">五</text>
|
|
||||||
</view>
|
|
||||||
<view class="uni-calendar__weeks-day">
|
|
||||||
<text class="uni-calendar__weeks-day-text">六</text>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="uni-calendar__weeks" v-for="(item,weekIndex) in weeks" :key="weekIndex">
|
|
||||||
<view class="uni-calendar__weeks-item" v-for="(weeks,weeksIndex) in item" :key="weeksIndex">
|
|
||||||
<uni-calendar-item :weeks="weeks" :calendar="calendar" :selected="selected" :lunar="lunar" @change="choiceDate"></uni-calendar-item>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import Calendar from './util.js';
|
|
||||||
import uniCalendarItem from './uni-calendar-item.vue'
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
uniCalendarItem
|
|
||||||
},
|
|
||||||
props: {
|
|
||||||
/**
|
|
||||||
* 当前日期
|
|
||||||
*/
|
|
||||||
date: {
|
|
||||||
type: String,
|
|
||||||
default: ''
|
|
||||||
},
|
|
||||||
/**
|
|
||||||
* 打点日期
|
|
||||||
*/
|
|
||||||
selected: {
|
|
||||||
type: Array,
|
|
||||||
default () {
|
|
||||||
return []
|
|
||||||
}
|
|
||||||
},
|
|
||||||
/**
|
|
||||||
* 是否开启阴历日期
|
|
||||||
*/
|
|
||||||
lunar: {
|
|
||||||
type: Boolean,
|
|
||||||
default: false
|
|
||||||
},
|
|
||||||
/**
|
|
||||||
* 开始时间
|
|
||||||
*/
|
|
||||||
startDate: {
|
|
||||||
type: String,
|
|
||||||
default: ''
|
|
||||||
},
|
|
||||||
/**
|
|
||||||
* 结束时间
|
|
||||||
*/
|
|
||||||
endDate: {
|
|
||||||
type: String,
|
|
||||||
default: ''
|
|
||||||
},
|
|
||||||
/**
|
|
||||||
* 范围
|
|
||||||
*/
|
|
||||||
range: {
|
|
||||||
type: Boolean,
|
|
||||||
default: false
|
|
||||||
},
|
|
||||||
/**
|
|
||||||
* 插入
|
|
||||||
*/
|
|
||||||
insert: {
|
|
||||||
type: Boolean,
|
|
||||||
default: true
|
|
||||||
},
|
|
||||||
/**
|
|
||||||
* 是否显示月份背景
|
|
||||||
*/
|
|
||||||
showMonth: {
|
|
||||||
type: Boolean,
|
|
||||||
default: true
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
show: false,
|
|
||||||
weeks: [],
|
|
||||||
calendar: {},
|
|
||||||
nowDate: '',
|
|
||||||
aniMaskShow: false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
selected(newVal) {
|
|
||||||
this.cale.setSelectInfo(this.nowDate.fullDate, newVal)
|
|
||||||
this.weeks = this.cale.weeks
|
|
||||||
}
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
// 获取日历方法实例
|
|
||||||
this.cale = new Calendar({
|
|
||||||
date: this.date,
|
|
||||||
selected: this.selected,
|
|
||||||
startDate: this.startDate,
|
|
||||||
endDate: this.endDate,
|
|
||||||
range: this.range,
|
|
||||||
})
|
|
||||||
this.init(this.cale.date.fullDate)
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
// 取消穿透
|
|
||||||
clean() {},
|
|
||||||
init(date) {
|
|
||||||
this.weeks = this.cale.weeks
|
|
||||||
this.nowDate = this.calendar = this.cale.getInfo(date)
|
|
||||||
},
|
|
||||||
open() {
|
|
||||||
this.show = true
|
|
||||||
this.$nextTick(() => {
|
|
||||||
setTimeout(()=>{
|
|
||||||
this.aniMaskShow = true
|
|
||||||
},50)
|
|
||||||
})
|
|
||||||
},
|
|
||||||
close() {
|
|
||||||
this.aniMaskShow = false
|
|
||||||
this.$nextTick(() => {
|
|
||||||
setTimeout(() => {
|
|
||||||
this.show = false
|
|
||||||
}, 300)
|
|
||||||
})
|
|
||||||
},
|
|
||||||
confirm() {
|
|
||||||
this.setEmit('confirm')
|
|
||||||
this.close()
|
|
||||||
},
|
|
||||||
change() {
|
|
||||||
if (!this.insert) return
|
|
||||||
this.setEmit('change')
|
|
||||||
},
|
|
||||||
monthSwitch() {
|
|
||||||
let {
|
|
||||||
year,
|
|
||||||
month
|
|
||||||
} = this.nowDate
|
|
||||||
this.$emit('monthSwitch', {
|
|
||||||
year,
|
|
||||||
month: Number(month)
|
|
||||||
})
|
|
||||||
},
|
|
||||||
setEmit(name) {
|
|
||||||
let {
|
|
||||||
year,
|
|
||||||
month,
|
|
||||||
date,
|
|
||||||
fullDate,
|
|
||||||
lunar,
|
|
||||||
extraInfo
|
|
||||||
} = this.calendar
|
|
||||||
this.$emit(name, {
|
|
||||||
range: this.cale.multipleStatus,
|
|
||||||
year,
|
|
||||||
month,
|
|
||||||
date,
|
|
||||||
fulldate: fullDate,
|
|
||||||
lunar,
|
|
||||||
extraInfo: extraInfo || {}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
choiceDate(weeks) {
|
|
||||||
if (weeks.disable) return
|
|
||||||
this.calendar = weeks
|
|
||||||
// 设置多选
|
|
||||||
this.cale.setMultiple(this.calendar.fullDate)
|
|
||||||
this.weeks = this.cale.weeks
|
|
||||||
this.change()
|
|
||||||
},
|
|
||||||
backtoday() {
|
|
||||||
this.cale.setDate(this.date)
|
|
||||||
this.weeks = this.cale.weeks
|
|
||||||
this.nowDate = this.calendar = this.cale.getInfo(this.date)
|
|
||||||
this.change()
|
|
||||||
},
|
|
||||||
pre() {
|
|
||||||
const preDate = this.cale.getDate(this.nowDate.fullDate, -1, 'month').fullDate
|
|
||||||
this.setDate(preDate)
|
|
||||||
this.monthSwitch()
|
|
||||||
|
|
||||||
},
|
|
||||||
next() {
|
|
||||||
const nextDate = this.cale.getDate(this.nowDate.fullDate, +1, 'month').fullDate
|
|
||||||
this.setDate(nextDate)
|
|
||||||
this.monthSwitch()
|
|
||||||
},
|
|
||||||
setDate(date) {
|
|
||||||
this.cale.setDate(date)
|
|
||||||
this.weeks = this.cale.weeks
|
|
||||||
this.nowDate = this.cale.getInfo(date)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.uni-calendar {
|
|
||||||
/* #ifndef APP-NVUE */
|
|
||||||
display: flex;
|
|
||||||
/* #endif */
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-calendar__mask {
|
|
||||||
position: fixed;
|
|
||||||
bottom: 0;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
background-color: $uni-bg-color-mask;
|
|
||||||
transition-property: opacity;
|
|
||||||
transition-duration: 0.3s;
|
|
||||||
opacity: 0;
|
|
||||||
/* #ifndef APP-NVUE */
|
|
||||||
z-index: 99;
|
|
||||||
/* #endif */
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-calendar--mask-show {
|
|
||||||
opacity: 1
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-calendar--fixed {
|
|
||||||
position: fixed;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
transition-property: transform;
|
|
||||||
transition-duration: 0.3s;
|
|
||||||
transform: translateY(460px);
|
|
||||||
/* #ifndef APP-NVUE */
|
|
||||||
z-index: 99;
|
|
||||||
/* #endif */
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-calendar--ani-show {
|
|
||||||
transform: translateY(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-calendar__content {
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-calendar__header {
|
|
||||||
position: relative;
|
|
||||||
/* #ifndef APP-NVUE */
|
|
||||||
display: flex;
|
|
||||||
/* #endif */
|
|
||||||
flex-direction: row;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
height: 50px;
|
|
||||||
border-bottom-color: $uni-border-color;
|
|
||||||
border-bottom-style: solid;
|
|
||||||
border-bottom-width: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-calendar--fixed-top {
|
|
||||||
/* #ifndef APP-NVUE */
|
|
||||||
display: flex;
|
|
||||||
/* #endif */
|
|
||||||
flex-direction: row;
|
|
||||||
justify-content: space-between;
|
|
||||||
border-top-color: $uni-border-color;
|
|
||||||
border-top-style: solid;
|
|
||||||
border-top-width: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-calendar--fixed-width {
|
|
||||||
width: 50px;
|
|
||||||
// padding: 0 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-calendar__backtoday {
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
top: 25rpx;
|
|
||||||
padding: 0 5px;
|
|
||||||
padding-left: 10px;
|
|
||||||
height: 25px;
|
|
||||||
line-height: 25px;
|
|
||||||
font-size: 12px;
|
|
||||||
border-top-left-radius: 25px;
|
|
||||||
border-bottom-left-radius: 25px;
|
|
||||||
color: $uni-text-color;
|
|
||||||
background-color: $uni-bg-color-hover;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-calendar__header-text {
|
|
||||||
text-align: center;
|
|
||||||
width: 100px;
|
|
||||||
font-size: $uni-font-size-base;
|
|
||||||
color: $uni-text-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-calendar__header-btn-box {
|
|
||||||
/* #ifndef APP-NVUE */
|
|
||||||
display: flex;
|
|
||||||
/* #endif */
|
|
||||||
flex-direction: row;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
width: 50px;
|
|
||||||
height: 50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-calendar__header-btn {
|
|
||||||
width: 10px;
|
|
||||||
height: 10px;
|
|
||||||
border-left-color: $uni-text-color-placeholder;
|
|
||||||
border-left-style: solid;
|
|
||||||
border-left-width: 2px;
|
|
||||||
border-top-color: $uni-color-subtitle;
|
|
||||||
border-top-style: solid;
|
|
||||||
border-top-width: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-calendar--left {
|
|
||||||
transform: rotate(-45deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-calendar--right {
|
|
||||||
transform: rotate(135deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.uni-calendar__weeks {
|
|
||||||
position: relative;
|
|
||||||
/* #ifndef APP-NVUE */
|
|
||||||
display: flex;
|
|
||||||
/* #endif */
|
|
||||||
flex-direction: row;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-calendar__weeks-item {
|
|
||||||
flex: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-calendar__weeks-day {
|
|
||||||
flex: 1;
|
|
||||||
/* #ifndef APP-NVUE */
|
|
||||||
display: flex;
|
|
||||||
/* #endif */
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
height: 45px;
|
|
||||||
border-bottom-color: #F5F5F5;
|
|
||||||
border-bottom-style: solid;
|
|
||||||
border-bottom-width: 1px;
|
|
||||||
}
|
|
||||||
.uni-calendar__weeks-day-text {
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-calendar__box {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-calendar__box-bg {
|
|
||||||
/* #ifndef APP-NVUE */
|
|
||||||
display: flex;
|
|
||||||
/* #endif */
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-calendar__box-bg-text {
|
|
||||||
font-size: 200px;
|
|
||||||
font-weight: bold;
|
|
||||||
color: $uni-text-color-grey;
|
|
||||||
opacity: 0.1;
|
|
||||||
text-align: center;
|
|
||||||
/* #ifndef APP-NVUE */
|
|
||||||
line-height: 1;
|
|
||||||
/* #endif */
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,327 +0,0 @@
|
|||||||
import CALENDAR from './calendar.js'
|
|
||||||
|
|
||||||
class Calendar {
|
|
||||||
constructor({
|
|
||||||
date,
|
|
||||||
selected,
|
|
||||||
startDate,
|
|
||||||
endDate,
|
|
||||||
range
|
|
||||||
} = {}) {
|
|
||||||
// 当前日期
|
|
||||||
this.date = this.getDate(date) // 当前初入日期
|
|
||||||
// 打点信息
|
|
||||||
this.selected = selected || [];
|
|
||||||
// 范围开始
|
|
||||||
this.startDate = startDate
|
|
||||||
// 范围结束
|
|
||||||
this.endDate = endDate
|
|
||||||
this.range = range
|
|
||||||
// 多选状态
|
|
||||||
this.multipleStatus = {
|
|
||||||
before: '',
|
|
||||||
after: '',
|
|
||||||
data: []
|
|
||||||
}
|
|
||||||
// 每周日期
|
|
||||||
this.weeks = {}
|
|
||||||
|
|
||||||
this._getWeek(this.date.fullDate)
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 获取任意时间
|
|
||||||
*/
|
|
||||||
getDate(date, AddDayCount = 0, str = 'day') {
|
|
||||||
if (!date) {
|
|
||||||
date = new Date()
|
|
||||||
}
|
|
||||||
if (typeof date !== 'object') {
|
|
||||||
date = date.replace(/-/g, '/')
|
|
||||||
}
|
|
||||||
const dd = new Date(date)
|
|
||||||
switch (str) {
|
|
||||||
case 'day':
|
|
||||||
dd.setDate(dd.getDate() + AddDayCount) // 获取AddDayCount天后的日期
|
|
||||||
break
|
|
||||||
case 'month':
|
|
||||||
if (dd.getDate() === 31) {
|
|
||||||
dd.setDate(dd.getDate() + AddDayCount)
|
|
||||||
} else {
|
|
||||||
dd.setMonth(dd.getMonth() + AddDayCount) // 获取AddDayCount天后的日期
|
|
||||||
}
|
|
||||||
break
|
|
||||||
case 'year':
|
|
||||||
dd.setFullYear(dd.getFullYear() + AddDayCount) // 获取AddDayCount天后的日期
|
|
||||||
break
|
|
||||||
}
|
|
||||||
const y = dd.getFullYear()
|
|
||||||
const m = dd.getMonth() + 1 < 10 ? '0' + (dd.getMonth() + 1) : dd.getMonth() + 1 // 获取当前月份的日期，不足10补0
|
|
||||||
const d = dd.getDate() < 10 ? '0' + dd.getDate() : dd.getDate() // 获取当前几号，不足10补0
|
|
||||||
return {
|
|
||||||
fullDate: y + '-' + m + '-' + d,
|
|
||||||
year: y,
|
|
||||||
month: m,
|
|
||||||
date: d,
|
|
||||||
day: dd.getDay()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 获取上月剩余天数
|
|
||||||
*/
|
|
||||||
_getLastMonthDays(firstDay, full) {
|
|
||||||
let dateArr = []
|
|
||||||
for (let i = firstDay; i > 0; i--) {
|
|
||||||
const beforeDate = new Date(full.year, full.month - 1, -i + 1).getDate()
|
|
||||||
dateArr.push({
|
|
||||||
date: beforeDate,
|
|
||||||
month: full.month - 1,
|
|
||||||
lunar: this.getlunar(full.year, full.month - 1, beforeDate),
|
|
||||||
disable: true
|
|
||||||
})
|
|
||||||
}
|
|
||||||
return dateArr
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* 获取本月天数
|
|
||||||
*/
|
|
||||||
_currentMonthDys(dateData, full) {
|
|
||||||
let dateArr = []
|
|
||||||
let fullDate = this.date.fullDate
|
|
||||||
for (let i = 1; i <= dateData; i++) {
|
|
||||||
let isinfo = false
|
|
||||||
let nowDate = full.year + '-' + (full.month < 10 ?
|
|
||||||
full.month : full.month) + '-' + (i < 10 ?
|
|
||||||
'0' + i : i)
|
|
||||||
// 是否今天
|
|
||||||
let isDay = fullDate === nowDate
|
|
||||||
// 获取打点信息
|
|
||||||
let info = this.selected && this.selected.find((item) => {
|
|
||||||
if (this.dateEqual(nowDate, item.date)) {
|
|
||||||
return item
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
// 日期禁用
|
|
||||||
let disableBefore = true
|
|
||||||
let disableAfter = true
|
|
||||||
if (this.startDate) {
|
|
||||||
let dateCompBefore = this.dateCompare(this.startDate, fullDate)
|
|
||||||
disableBefore = this.dateCompare(dateCompBefore ? this.startDate : fullDate, nowDate)
|
|
||||||
}
|
|
||||||
|
|
||||||
if (this.endDate) {
|
|
||||||
let dateCompAfter = this.dateCompare(fullDate, this.endDate)
|
|
||||||
disableAfter = this.dateCompare(nowDate, dateCompAfter ? this.endDate : fullDate)
|
|
||||||
}
|
|
||||||
|
|
||||||
let multiples = this.multipleStatus.data
|
|
||||||
let checked = false
|
|
||||||
let multiplesStatus = -1
|
|
||||||
if (this.range) {
|
|
||||||
if (multiples) {
|
|
||||||
multiplesStatus = multiples.findIndex((item) => {
|
|
||||||
return this.dateEqual(item, nowDate)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
if (multiplesStatus !== -1) {
|
|
||||||
checked = true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
let data = {
|
|
||||||
fullDate: nowDate,
|
|
||||||
year: full.year,
|
|
||||||
date: i,
|
|
||||||
multiple: this.range ? checked : false,
|
|
||||||
month: full.month,
|
|
||||||
lunar: this.getlunar(full.year, full.month, i),
|
|
||||||
disable: !disableBefore || !disableAfter,
|
|
||||||
isDay
|
|
||||||
}
|
|
||||||
if (info) {
|
|
||||||
data.extraInfo = info
|
|
||||||
}
|
|
||||||
|
|
||||||
dateArr.push(data)
|
|
||||||
}
|
|
||||||
return dateArr
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* 获取下月天数
|
|
||||||
*/
|
|
||||||
_getNextMonthDays(surplus, full) {
|
|
||||||
let dateArr = []
|
|
||||||
for (let i = 1; i < surplus + 1; i++) {
|
|
||||||
dateArr.push({
|
|
||||||
date: i,
|
|
||||||
month: Number(full.month) + 1,
|
|
||||||
lunar: this.getlunar(full.year, Number(full.month) + 1, i),
|
|
||||||
disable: true
|
|
||||||
})
|
|
||||||
}
|
|
||||||
return dateArr
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* 设置日期
|
|
||||||
* @param {Object} date
|
|
||||||
*/
|
|
||||||
setDate(date) {
|
|
||||||
this._getWeek(date)
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* 获取当前日期详情
|
|
||||||
* @param {Object} date
|
|
||||||
*/
|
|
||||||
getInfo(date) {
|
|
||||||
if (!date) {
|
|
||||||
date = new Date()
|
|
||||||
}
|
|
||||||
const dateInfo = this.canlender.find(item => item.fullDate === this.getDate(date).fullDate)
|
|
||||||
return dateInfo
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 比较时间大小
|
|
||||||
*/
|
|
||||||
dateCompare(startDate, endDate) {
|
|
||||||
// 计算截止时间
|
|
||||||
startDate = new Date(startDate.replace('-', '/').replace('-', '/'))
|
|
||||||
// 计算详细项的截止时间
|
|
||||||
endDate = new Date(endDate.replace('-', '/').replace('-', '/'))
|
|
||||||
if (startDate <= endDate) {
|
|
||||||
return true
|
|
||||||
} else {
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 比较时间是否相等
|
|
||||||
*/
|
|
||||||
dateEqual(before, after) {
|
|
||||||
// 计算截止时间
|
|
||||||
before = new Date(before.replace('-', '/').replace('-', '/'))
|
|
||||||
// 计算详细项的截止时间
|
|
||||||
after = new Date(after.replace('-', '/').replace('-', '/'))
|
|
||||||
if (before.getTime() - after.getTime() === 0) {
|
|
||||||
return true
|
|
||||||
} else {
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 获取日期范围内所有日期
|
|
||||||
* @param {Object} begin
|
|
||||||
* @param {Object} end
|
|
||||||
*/
|
|
||||||
geDateAll(begin, end) {
|
|
||||||
var arr = []
|
|
||||||
var ab = begin.split('-')
|
|
||||||
var ae = end.split('-')
|
|
||||||
var db = new Date()
|
|
||||||
db.setFullYear(ab[0], ab[1] - 1, ab[2])
|
|
||||||
var de = new Date()
|
|
||||||
de.setFullYear(ae[0], ae[1] - 1, ae[2])
|
|
||||||
var unixDb = db.getTime() - 24 * 60 * 60 * 1000
|
|
||||||
var unixDe = de.getTime() - 24 * 60 * 60 * 1000
|
|
||||||
for (var k = unixDb; k <= unixDe;) {
|
|
||||||
k = k + 24 * 60 * 60 * 1000
|
|
||||||
arr.push(this.getDate(new Date(parseInt(k))).fullDate)
|
|
||||||
}
|
|
||||||
return arr
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* 计算阴历日期显示
|
|
||||||
*/
|
|
||||||
getlunar(year, month, date) {
|
|
||||||
return CALENDAR.solar2lunar(year, month, date)
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* 设置打点
|
|
||||||
*/
|
|
||||||
setSelectInfo(data, value) {
|
|
||||||
this.selected = value
|
|
||||||
this._getWeek(data)
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 获取多选状态
|
|
||||||
*/
|
|
||||||
setMultiple(fullDate) {
|
|
||||||
let {
|
|
||||||
before,
|
|
||||||
after
|
|
||||||
} = this.multipleStatus
|
|
||||||
if (!this.range) return
|
|
||||||
if (before && after) {
|
|
||||||
this.multipleStatus.before = ''
|
|
||||||
this.multipleStatus.after = ''
|
|
||||||
this.multipleStatus.data = []
|
|
||||||
this._getWeek(fullDate)
|
|
||||||
} else {
|
|
||||||
if (!before) {
|
|
||||||
this.multipleStatus.before = fullDate
|
|
||||||
} else {
|
|
||||||
this.multipleStatus.after = fullDate
|
|
||||||
if (this.dateCompare(this.multipleStatus.before, this.multipleStatus.after)) {
|
|
||||||
this.multipleStatus.data = this.geDateAll(this.multipleStatus.before, this.multipleStatus.after);
|
|
||||||
} else {
|
|
||||||
this.multipleStatus.data = this.geDateAll(this.multipleStatus.after, this.multipleStatus.before);
|
|
||||||
}
|
|
||||||
this._getWeek(fullDate)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 获取每周数据
|
|
||||||
* @param {Object} dateData
|
|
||||||
*/
|
|
||||||
_getWeek(dateData) {
|
|
||||||
const {
|
|
||||||
fullDate,
|
|
||||||
year,
|
|
||||||
month,
|
|
||||||
date,
|
|
||||||
day
|
|
||||||
} = this.getDate(dateData)
|
|
||||||
let firstDay = new Date(year, month - 1, 1).getDay()
|
|
||||||
let currentDay = new Date(year, month, 0).getDate()
|
|
||||||
let dates = {
|
|
||||||
lastMonthDays: this._getLastMonthDays(firstDay, this.getDate(dateData)), // 上个月末尾几天
|
|
||||||
currentMonthDys: this._currentMonthDys(currentDay, this.getDate(dateData)), // 本月天数
|
|
||||||
nextMonthDays: [], // 下个月开始几天
|
|
||||||
weeks: []
|
|
||||||
}
|
|
||||||
let canlender = []
|
|
||||||
const surplus = 42 - (dates.lastMonthDays.length + dates.currentMonthDys.length)
|
|
||||||
dates.nextMonthDays = this._getNextMonthDays(surplus, this.getDate(dateData))
|
|
||||||
canlender = canlender.concat(dates.lastMonthDays, dates.currentMonthDys, dates.nextMonthDays)
|
|
||||||
let weeks = {}
|
|
||||||
// 拼接数组 上个月开始几天 + 本月天数+ 下个月开始几天
|
|
||||||
for (let i = 0; i < canlender.length; i++) {
|
|
||||||
if (i % 7 === 0) {
|
|
||||||
weeks[parseInt(i / 7)] = new Array(7)
|
|
||||||
}
|
|
||||||
weeks[parseInt(i / 7)][i % 7] = canlender[i]
|
|
||||||
}
|
|
||||||
this.canlender = canlender
|
|
||||||
this.weeks = weeks
|
|
||||||
}
|
|
||||||
|
|
||||||
//静态方法
|
|
||||||
// static init(date) {
|
|
||||||
// if (!this.instance) {
|
|
||||||
// this.instance = new Calendar(date);
|
|
||||||
// }
|
|
||||||
// return this.instance;
|
|
||||||
// }
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
export default Calendar
|
|
||||||
@ -1,151 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view class="evaluateWtapper" v-if="reply.length > 0">
|
|
||||||
<view class="evaluateItem" v-for="(item, indexw) in reply" :key="indexw">
|
|
||||||
<view class="pic-text acea-row">
|
|
||||||
<view class="pictrue">
|
|
||||||
<image :src="item.avatar"></image>
|
|
||||||
</view>
|
|
||||||
<view class="content">
|
|
||||||
<view>
|
|
||||||
<view class="acea-row row-between">
|
|
||||||
<view class="acea-row">
|
|
||||||
<view class="name line1">{{ item.nickname }}</view>
|
|
||||||
<view class="start" :class="'star' + item.score"></view>
|
|
||||||
</view>
|
|
||||||
<view class="time">{{ item.createTime }}</view>
|
|
||||||
</view>
|
|
||||||
<view class="sku">规格：{{ item.sku?item.sku:'无' }}</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="evaluate-infor">{{ item.comment }}</view>
|
|
||||||
<view class="imgList acea-row" v-if="item.pics && item.pics.length && item.pics[0]">
|
|
||||||
<view class="pictrue" v-for="(itemn, indexn) in item.pics" :key="indexn">
|
|
||||||
<image :src="itemn" class="image" @click='getpreviewImage(indexw, indexn)'></image>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="reply" v-if="item.merchantReplyContent">
|
|
||||||
<text class="font-color">店小二</text>：{{ item.merchantReplyContent }}
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
</view>
|
|
||||||
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
props: {
|
|
||||||
reply: {
|
|
||||||
type: Array,
|
|
||||||
default: []
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data: function() {
|
|
||||||
return {};
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
getpreviewImage: function(indexw, indexn) {
|
|
||||||
uni.previewImage({
|
|
||||||
urls: this.reply[indexw].pics,
|
|
||||||
current: this.reply[indexw].pics[indexn]
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<style scoped lang='scss'>
|
|
||||||
.evaluateWtapper .evaluateItem {
|
|
||||||
background-color: #fff;
|
|
||||||
padding: 24rpx;
|
|
||||||
border-bottom-left-radius: 14rpx;
|
|
||||||
border-bottom-right-radius: 14rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.evaluateWtapper .evaluateItem~.evaluateItem {
|
|
||||||
border-top: 1rpx solid #f5f5f5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.evaluateWtapper .evaluateItem .pic-text {
|
|
||||||
font-size: 26rpx;
|
|
||||||
color: #282828;
|
|
||||||
.content{
|
|
||||||
width: 84%;
|
|
||||||
margin-left: 20rpx;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.evaluateWtapper .evaluateItem .pic-text .pictrue {
|
|
||||||
width: 62rpx;
|
|
||||||
height: 62rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.evaluateWtapper .evaluateItem .pic-text .pictrue image {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.evaluateWtapper .evaluateItem .pic-text .name {
|
|
||||||
max-width: 450rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.evaluateWtapper .evaluateItem .time {
|
|
||||||
font-size: 24rpx;
|
|
||||||
color: #999999;
|
|
||||||
|
|
||||||
}
|
|
||||||
.sku{
|
|
||||||
font-size: 24rpx;
|
|
||||||
color: #999999;
|
|
||||||
margin: 10rpx 0;
|
|
||||||
}
|
|
||||||
.evaluateWtapper .evaluateItem .evaluate-infor {
|
|
||||||
font-size: 28rpx;
|
|
||||||
color: #333;
|
|
||||||
margin-bottom: 14rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.evaluateWtapper .evaluateItem .imgList {/*
|
|
||||||
padding: 0 24rpx;
|
|
||||||
margin-top: 16rpx; */
|
|
||||||
}
|
|
||||||
|
|
||||||
.evaluateWtapper .evaluateItem .imgList .pictrue {
|
|
||||||
width: 102rpx;
|
|
||||||
height: 102rpx;
|
|
||||||
margin-right: 14rpx;
|
|
||||||
border-radius: 14rpx;
|
|
||||||
margin-bottom: 16rpx;
|
|
||||||
/* margin: 0 0 15rpx 15rpx; */
|
|
||||||
}
|
|
||||||
|
|
||||||
.evaluateWtapper .evaluateItem .imgList .pictrue image {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
background-color: #f7f7f7;
|
|
||||||
border-radius: 14rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.evaluateWtapper .evaluateItem .reply {
|
|
||||||
font-size: 26rpx;
|
|
||||||
color: #454545;
|
|
||||||
background-color: #f7f7f7;
|
|
||||||
border-radius: 14rpx;
|
|
||||||
margin: 20rpx 30rpx 0 0rpx;
|
|
||||||
padding: 20rpx;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.evaluateWtapper .evaluateItem .reply::before {
|
|
||||||
content: "";
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
border-left: 20rpx solid transparent;
|
|
||||||
border-right: 20rpx solid transparent;
|
|
||||||
border-bottom: 30rpx solid #f7f7f7;
|
|
||||||
position: absolute;
|
|
||||||
top: -14rpx;
|
|
||||||
left: 40rpx;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
10
app/components/vconsole.min.js
vendored
10
app/components/vconsole.min.js
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -1,139 +0,0 @@
|
|||||||
/* eslint-disable */
|
|
||||||
var provinceData = [{
|
|
||||||
"label": "北京市",
|
|
||||||
"value": "11"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"label": "天津市",
|
|
||||||
"value": "12"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"label": "河北省",
|
|
||||||
"value": "13"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"label": "山西省",
|
|
||||||
"value": "14"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"label": "内蒙古自治区",
|
|
||||||
"value": "15"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"label": "辽宁省",
|
|
||||||
"value": "21"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"label": "吉林省",
|
|
||||||
"value": "22"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"label": "黑龙江省",
|
|
||||||
"value": "23"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"label": "上海市",
|
|
||||||
"value": "31"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"label": "江苏省",
|
|
||||||
"value": "32"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"label": "浙江省",
|
|
||||||
"value": "33"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"label": "安徽省",
|
|
||||||
"value": "34"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"label": "福建省",
|
|
||||||
"value": "35"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"label": "江西省",
|
|
||||||
"value": "36"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"label": "山东省",
|
|
||||||
"value": "37"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"label": "河南省",
|
|
||||||
"value": "41"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"label": "湖北省",
|
|
||||||
"value": "42"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"label": "湖南省",
|
|
||||||
"value": "43"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"label": "广东省",
|
|
||||||
"value": "44"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"label": "广西壮族自治区",
|
|
||||||
"value": "45"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"label": "海南省",
|
|
||||||
"value": "46"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"label": "重庆市",
|
|
||||||
"value": "50"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"label": "四川省",
|
|
||||||
"value": "51"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"label": "贵州省",
|
|
||||||
"value": "52"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"label": "云南省",
|
|
||||||
"value": "53"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"label": "西藏自治区",
|
|
||||||
"value": "54"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"label": "陕西省",
|
|
||||||
"value": "61"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"label": "甘肃省",
|
|
||||||
"value": "62"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"label": "青海省",
|
|
||||||
"value": "63"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"label": "宁夏回族自治区",
|
|
||||||
"value": "64"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"label": "新疆维吾尔自治区",
|
|
||||||
"value": "65"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"label": "台湾",
|
|
||||||
"value": "66"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"label": "香港",
|
|
||||||
"value": "67"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"label": "澳门",
|
|
||||||
"value": "68"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
export default provinceData;
|
|
||||||
@ -1,680 +0,0 @@
|
|||||||
const forMatNum=(num)=>{
|
|
||||||
return num<10?'0'+num:num+'';
|
|
||||||
}
|
|
||||||
const initPicker={
|
|
||||||
//日期
|
|
||||||
date:{
|
|
||||||
init(start,end,mode="date",step,value,flag,disabled,hasSecond){
|
|
||||||
let aToday=new Date();
|
|
||||||
let tYear,tMonth,tDay,tHours,tMinutes,tSeconds,defaultVal=[];
|
|
||||||
let initstartDate=new Date(start.toString());
|
|
||||||
let endDate=new Date(end.toString());
|
|
||||||
if(start>end){
|
|
||||||
initstartDate=new Date(end.toString());
|
|
||||||
endDate=new Date(start.toString());
|
|
||||||
};
|
|
||||||
let startYear=initstartDate.getFullYear();
|
|
||||||
let startMonth=initstartDate.getMonth()+1;
|
|
||||||
let endYear=endDate.getFullYear();
|
|
||||||
let years=[],months=[],days=[],hours=[],minutes=[],seconds=[],areas=[],returnArr=[],dvalDate=[];
|
|
||||||
switch(mode){
|
|
||||||
case "half":
|
|
||||||
dvalDate=flag?[...value.split(" ")[0].split("-"),...value.split(" ")[1].split(":")]:[...value.split(" ")[0].split("-"),value.split(" ")[1]];
|
|
||||||
break;
|
|
||||||
case "date":
|
|
||||||
case "yearMonth":
|
|
||||||
dvalDate=value.split("-");
|
|
||||||
break;
|
|
||||||
case "dateTime":
|
|
||||||
dvalDate=[...value.split(" ")[0].split("-"),...value.split(" ")[1].split(":")];
|
|
||||||
break;
|
|
||||||
case "time":
|
|
||||||
dvalDate=value.split(":");
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
let curMonth=flag?dvalDate[1]*1:(dvalDate[1]+1);
|
|
||||||
let dYear=aToday.getFullYear();
|
|
||||||
let dMonth=aToday.getMonth()+1;
|
|
||||||
let dDate=aToday.getDate();
|
|
||||||
let totalDays=new Date(startYear,curMonth,0).getDate();
|
|
||||||
let dvalObj={};
|
|
||||||
switch(mode){
|
|
||||||
case "half":
|
|
||||||
case "date":
|
|
||||||
case "yearMonth":
|
|
||||||
let curYear=dvalDate[0];
|
|
||||||
let curMonth=dvalDate[1];
|
|
||||||
if(disabled){
|
|
||||||
for(let s=startYear;s<=dYear;s++){
|
|
||||||
years.push(s+'');
|
|
||||||
};
|
|
||||||
if(curYear==dYear){
|
|
||||||
for(let m=1;m<=dMonth;m++){
|
|
||||||
months.push(forMatNum(m));
|
|
||||||
};
|
|
||||||
}else{
|
|
||||||
for(let m=1;m<=12;m++){
|
|
||||||
months.push(forMatNum(m));
|
|
||||||
};
|
|
||||||
}
|
|
||||||
if(curMonth==dMonth){
|
|
||||||
for(let d=1;d<=dDate;d++){
|
|
||||||
days.push(forMatNum(d));
|
|
||||||
}
|
|
||||||
}else{
|
|
||||||
for(let d=1;d<=totalDays;d++){
|
|
||||||
days.push(forMatNum(d));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}else{
|
|
||||||
for(let s=startYear;s<=endYear;s++){
|
|
||||||
years.push(s+'');
|
|
||||||
};
|
|
||||||
for(let m=1;m<=12;m++){
|
|
||||||
months.push(forMatNum(m));
|
|
||||||
};
|
|
||||||
for(let d=1;d<=totalDays;d++){
|
|
||||||
days.push(forMatNum(d));
|
|
||||||
}
|
|
||||||
};
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
for(let s=startYear;s<=endYear;s++){
|
|
||||||
years.push(s+'');
|
|
||||||
};
|
|
||||||
for(let m=1;m<=12;m++){
|
|
||||||
months.push(forMatNum(m));
|
|
||||||
};
|
|
||||||
for(let d=1;d<=totalDays;d++){
|
|
||||||
days.push(forMatNum(d));
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
for(let h=0;h<24;h++){
|
|
||||||
hours.push(forMatNum(h));
|
|
||||||
}
|
|
||||||
for(let m=0;m<60;m+=step*1){
|
|
||||||
minutes.push(forMatNum(m));
|
|
||||||
}
|
|
||||||
for(let s=0;s<60;s++){
|
|
||||||
seconds.push(forMatNum(s));
|
|
||||||
}
|
|
||||||
if(flag){
|
|
||||||
returnArr=[
|
|
||||||
years.indexOf(dvalDate[0]),
|
|
||||||
months.indexOf(dvalDate[1]),
|
|
||||||
days.indexOf(dvalDate[2]),
|
|
||||||
hours.indexOf(dvalDate[3]),
|
|
||||||
minutes.indexOf(dvalDate[4])==-1?0:minutes.indexOf(dvalDate[4]),
|
|
||||||
seconds.indexOf(dvalDate[5])
|
|
||||||
]
|
|
||||||
}
|
|
||||||
switch(mode){
|
|
||||||
case "date":
|
|
||||||
if(flag){
|
|
||||||
defaultVal=[returnArr[0],returnArr[1],returnArr[2]];
|
|
||||||
return {years,months,days,defaultVal}
|
|
||||||
}else{
|
|
||||||
defaultVal=[
|
|
||||||
years.indexOf(dvalDate[0])==-1?0:years.indexOf(dvalDate[0]),
|
|
||||||
months.indexOf(dvalDate[1])==-1?0:months.indexOf(dvalDate[1]),
|
|
||||||
days.indexOf(dvalDate[2])==-1?0:days.indexOf(dvalDate[2])
|
|
||||||
];
|
|
||||||
return {years,months,days,defaultVal}
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case "half":
|
|
||||||
areas=[{
|
|
||||||
label:"上午",
|
|
||||||
value:0
|
|
||||||
},{
|
|
||||||
label:"下午",
|
|
||||||
value:1
|
|
||||||
}];
|
|
||||||
if(flag){
|
|
||||||
defaultVal=[returnArr[0],returnArr[1],returnArr[2],returnArr[3]];
|
|
||||||
return {years,months,days,areas,defaultVal}
|
|
||||||
}else{
|
|
||||||
let idx=0;
|
|
||||||
areas.map((v,k)=>{
|
|
||||||
if(v.label==dvalDate[3]){
|
|
||||||
idx=v.value;
|
|
||||||
}
|
|
||||||
})
|
|
||||||
defaultVal=[
|
|
||||||
years.indexOf(dvalDate[0])==-1?0:years.indexOf(dvalDate[0]),
|
|
||||||
months.indexOf(dvalDate[1])==-1?0:months.indexOf(dvalDate[1]),
|
|
||||||
days.indexOf(dvalDate[2])==-1?0:days.indexOf(dvalDate[2]),
|
|
||||||
idx
|
|
||||||
];
|
|
||||||
return {years,months,days,areas,defaultVal}
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case "yearMonth":
|
|
||||||
if(flag){
|
|
||||||
defaultVal=[returnArr[0],returnArr[1]];
|
|
||||||
return {years,months,defaultVal}
|
|
||||||
}else{
|
|
||||||
defaultVal=[
|
|
||||||
years.indexOf(dvalDate[0])==-1?0:years.indexOf(dvalDate[0]),
|
|
||||||
months.indexOf(dvalDate[1])==-1?0:months.indexOf(dvalDate[1])
|
|
||||||
];
|
|
||||||
return {years,months,defaultVal}
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case "dateTime":
|
|
||||||
if(flag){
|
|
||||||
defaultVal=returnArr;
|
|
||||||
}else{
|
|
||||||
if(hasSecond){
|
|
||||||
defaultVal=[
|
|
||||||
years.indexOf(dvalDate[0])==-1?0:years.indexOf(dvalDate[0]),
|
|
||||||
months.indexOf(dvalDate[1])==-1?0:months.indexOf(dvalDate[1]),
|
|
||||||
days.indexOf(dvalDate[2])==-1?0:days.indexOf(dvalDate[2]),
|
|
||||||
hours.indexOf(dvalDate[3])==-1?0:hours.indexOf(dvalDate[3]),
|
|
||||||
minutes.indexOf(dvalDate[4])==-1?0:minutes.indexOf(dvalDate[4]),
|
|
||||||
seconds.indexOf(dvalDate[5])==-1?0:seconds.indexOf(dvalDate[5])
|
|
||||||
];
|
|
||||||
}else{
|
|
||||||
defaultVal=[
|
|
||||||
years.indexOf(dvalDate[0])==-1?0:years.indexOf(dvalDate[0]),
|
|
||||||
months.indexOf(dvalDate[1])==-1?0:months.indexOf(dvalDate[1]),
|
|
||||||
days.indexOf(dvalDate[2])==-1?0:days.indexOf(dvalDate[2]),
|
|
||||||
hours.indexOf(dvalDate[3])==-1?0:hours.indexOf(dvalDate[3]),
|
|
||||||
minutes.indexOf(dvalDate[4])==-1?0:minutes.indexOf(dvalDate[4])
|
|
||||||
];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if(hasSecond){
|
|
||||||
return {years,months,days,hours,minutes,seconds,defaultVal}
|
|
||||||
}else{
|
|
||||||
return {years,months,days,hours,minutes,defaultVal}
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case "time":
|
|
||||||
if(flag){
|
|
||||||
defaultVal=[returnArr[3],returnArr[4],returnArr[5]];
|
|
||||||
}else{
|
|
||||||
if(hasSecond){
|
|
||||||
defaultVal=[
|
|
||||||
hours.indexOf(dvalDate[0])==-1?0:hours.indexOf(dvalDate[0]),
|
|
||||||
minutes.indexOf(dvalDate[1])==-1?0:minutes.indexOf(dvalDate[1]),
|
|
||||||
seconds.indexOf(dvalDate[2])==-1?0:seconds.indexOf(dvalDate[2])
|
|
||||||
];
|
|
||||||
}else{
|
|
||||||
defaultVal=[
|
|
||||||
hours.indexOf(dvalDate[0])==-1?0:hours.indexOf(dvalDate[0]),
|
|
||||||
minutes.indexOf(dvalDate[1])==-1?0:minutes.indexOf(dvalDate[1])
|
|
||||||
];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return {hours,minutes,seconds,defaultVal}
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
initMonths:(year,disabled)=>{
|
|
||||||
let aDate=new Date();
|
|
||||||
let dYear=aDate.getFullYear();
|
|
||||||
let dMonth=aDate.getMonth()+1;
|
|
||||||
let dDate=aDate.getDate();
|
|
||||||
let flag=dYear==year?true:false;
|
|
||||||
let months=[];
|
|
||||||
if(disabled){
|
|
||||||
if(flag){
|
|
||||||
for(let m=1;m<=dMonth;m++){
|
|
||||||
months.push(forMatNum(m));
|
|
||||||
};
|
|
||||||
}else{
|
|
||||||
for(let m=1;m<=12;m++){
|
|
||||||
months.push(forMatNum(m));
|
|
||||||
};
|
|
||||||
}
|
|
||||||
}else{
|
|
||||||
for(let m=1;m<=12;m++){
|
|
||||||
months.push(forMatNum(m));
|
|
||||||
};
|
|
||||||
};
|
|
||||||
return months;
|
|
||||||
},
|
|
||||||
initDays:(year,month,disabled)=>{
|
|
||||||
let aDate=new Date();
|
|
||||||
let dYear=aDate.getFullYear();
|
|
||||||
let dMonth=aDate.getMonth()+1;
|
|
||||||
let dDate=aDate.getDate();
|
|
||||||
let flag=(dYear==year&&dMonth==month)?true:false;
|
|
||||||
let totalDays=new Date(year,month,0).getDate();
|
|
||||||
let dates=[];
|
|
||||||
if(flag&&disabled){
|
|
||||||
for(let d=1;d<=dDate;d++){
|
|
||||||
dates.push(forMatNum(d));
|
|
||||||
};
|
|
||||||
}else{
|
|
||||||
for(let d=1;d<=totalDays;d++){
|
|
||||||
dates.push(forMatNum(d));
|
|
||||||
};
|
|
||||||
};
|
|
||||||
return dates;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
//短期日期上下午
|
|
||||||
limitHour:{
|
|
||||||
init(dayStep=7,dVal){
|
|
||||||
let startDate=new Date();
|
|
||||||
let date=[],areas=[],hours=[];
|
|
||||||
let hour=new Date().getHours();
|
|
||||||
let weeks=["周日","周一","周二","周三","周四","周五","周六"];
|
|
||||||
let arrs=[];
|
|
||||||
let defaultVal=[];
|
|
||||||
let d=0,a=0,h=0;
|
|
||||||
for(let i=0;i<dayStep;i++){
|
|
||||||
let year,month,day,weekday;
|
|
||||||
year=startDate.getFullYear();
|
|
||||||
month=forMatNum(startDate.getMonth()+1);
|
|
||||||
day=forMatNum(startDate.getDate());
|
|
||||||
weekday=weeks[startDate.getDay()];
|
|
||||||
let label="";
|
|
||||||
switch(i){
|
|
||||||
case 0:
|
|
||||||
label="今天";
|
|
||||||
break;
|
|
||||||
case 1:
|
|
||||||
label="明天"
|
|
||||||
break;
|
|
||||||
case 2:
|
|
||||||
label="后天"
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
label=month+"月"+day+"日"+" "+weekday;
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
date.push({
|
|
||||||
label:label,
|
|
||||||
value:year+"-"+month+"-"+day,
|
|
||||||
today:i==0?true:false
|
|
||||||
})
|
|
||||||
startDate.setDate(startDate.getDate()+1);
|
|
||||||
}
|
|
||||||
if(hour>12){
|
|
||||||
areas=[{
|
|
||||||
label:"下午",
|
|
||||||
value:1
|
|
||||||
}]
|
|
||||||
}else{
|
|
||||||
areas=[{
|
|
||||||
label:"上午",
|
|
||||||
value:0
|
|
||||||
},{
|
|
||||||
label:"下午",
|
|
||||||
value:1
|
|
||||||
}]
|
|
||||||
};
|
|
||||||
for(let k=hour>12?hour-12:hour;k<=12;k++){
|
|
||||||
hours.push({
|
|
||||||
label:forMatNum(k),
|
|
||||||
value:forMatNum(hour>12?k+12:k)
|
|
||||||
})
|
|
||||||
};
|
|
||||||
date.map((v,k)=>{
|
|
||||||
if(v.label==dVal[0]){
|
|
||||||
d=k
|
|
||||||
}
|
|
||||||
})
|
|
||||||
if(d!=0){
|
|
||||||
areas=this.initAreas(date[d]);
|
|
||||||
hours=this.initHours(date[d],areas[a]);
|
|
||||||
}
|
|
||||||
areas.map((v,k)=>{
|
|
||||||
if(v.label==dVal[1]){
|
|
||||||
a=k
|
|
||||||
}
|
|
||||||
})
|
|
||||||
hours.map((v,k)=>{
|
|
||||||
if(v.label==dVal[2]){
|
|
||||||
h=k
|
|
||||||
}
|
|
||||||
});
|
|
||||||
defaultVal=[d,a,h]
|
|
||||||
return {date,areas,hours,defaultVal};
|
|
||||||
},
|
|
||||||
initAreas(date){
|
|
||||||
let areas=[];
|
|
||||||
let hour=new Date().getHours();
|
|
||||||
if(date.today){
|
|
||||||
if(hour>12){
|
|
||||||
areas=[{
|
|
||||||
label:"下午",
|
|
||||||
value:1
|
|
||||||
}]
|
|
||||||
}else{
|
|
||||||
areas=[{
|
|
||||||
label:"上午",
|
|
||||||
value:0
|
|
||||||
},{
|
|
||||||
label:"下午",
|
|
||||||
value:1
|
|
||||||
}]
|
|
||||||
};
|
|
||||||
}else{
|
|
||||||
areas=[{
|
|
||||||
label:"上午",
|
|
||||||
value:0
|
|
||||||
},{
|
|
||||||
label:"下午",
|
|
||||||
value:1
|
|
||||||
}]
|
|
||||||
}
|
|
||||||
return areas;
|
|
||||||
},
|
|
||||||
initHours(dateCol,hourCol){
|
|
||||||
let hours=[];
|
|
||||||
let hour=new Date().getHours();
|
|
||||||
if(dateCol.today){
|
|
||||||
if(hourCol.value==1&&hour<=12){
|
|
||||||
for(let k=1;k<=12;k++){
|
|
||||||
hours.push({
|
|
||||||
label:forMatNum(k),
|
|
||||||
value:forMatNum(hourCol.value==1?k+12:k)
|
|
||||||
})
|
|
||||||
};
|
|
||||||
}else{
|
|
||||||
for(let k=hour>12?hour-12:hour;k<=12;k++){
|
|
||||||
hours.push({
|
|
||||||
label:forMatNum(k),
|
|
||||||
value:forMatNum(hourCol.value==1?k+12:k)
|
|
||||||
})
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
}else{
|
|
||||||
for(let k=1;k<=12;k++){
|
|
||||||
hours.push({
|
|
||||||
label:forMatNum(k),
|
|
||||||
value:forMatNum(hourCol.value==1?k+12:k)
|
|
||||||
})
|
|
||||||
};
|
|
||||||
};
|
|
||||||
return hours
|
|
||||||
}
|
|
||||||
},
|
|
||||||
//短期日期时间初始化
|
|
||||||
limit:{
|
|
||||||
init(dayStep=7,startHour=8,endHour=20,minuteStep=1,afterStep=30,dVal){
|
|
||||||
let startDate=new Date();
|
|
||||||
let bsDate=new Date(new Date().getTime()+afterStep*60*1000);
|
|
||||||
let date=[],hours=[],minutes=[];
|
|
||||||
let hour=bsDate.getHours();
|
|
||||||
let minute=Math.floor(bsDate.getMinutes()/minuteStep)*minuteStep;
|
|
||||||
let weeks=["周日","周一","周二","周三","周四","周五","周六"];
|
|
||||||
let d=0,h=0,m=0;
|
|
||||||
let defaultVal=[];
|
|
||||||
for(let i=0;i<dayStep;i++){
|
|
||||||
let year,month,day,weekday;
|
|
||||||
year=startDate.getFullYear();
|
|
||||||
month=forMatNum(startDate.getMonth()+1);
|
|
||||||
day=forMatNum(startDate.getDate());
|
|
||||||
weekday=weeks[startDate.getDay()];
|
|
||||||
let label="";
|
|
||||||
switch(i){
|
|
||||||
case 0:
|
|
||||||
label="今天";
|
|
||||||
break;
|
|
||||||
case 1:
|
|
||||||
label="明天"
|
|
||||||
break;
|
|
||||||
case 2:
|
|
||||||
label="后天"
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
label=month+"月"+day+"日"+" "+weekday;
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
date.push({
|
|
||||||
label:label,
|
|
||||||
value:year+"-"+month+"-"+day,
|
|
||||||
flag:i==0?true:false
|
|
||||||
})
|
|
||||||
startDate.setDate(startDate.getDate()+1);
|
|
||||||
}
|
|
||||||
if(hour<startHour){
|
|
||||||
hour=startHour;
|
|
||||||
};
|
|
||||||
if(hour>endHour){
|
|
||||||
hour=endHour;
|
|
||||||
};
|
|
||||||
for(let k=hour*1;k<=endHour*1;k++){
|
|
||||||
hours.push({
|
|
||||||
label:forMatNum(k),
|
|
||||||
value:forMatNum(k),
|
|
||||||
flag:k==hour?true:false
|
|
||||||
})
|
|
||||||
};
|
|
||||||
for(let j=minute;j<60;j+=minuteStep*1){
|
|
||||||
minutes.push({
|
|
||||||
label:forMatNum(j),
|
|
||||||
value:forMatNum(j)
|
|
||||||
});
|
|
||||||
}
|
|
||||||
date.map((v,k)=>{
|
|
||||||
if(v.label==dVal[0]){
|
|
||||||
d=k
|
|
||||||
}
|
|
||||||
})
|
|
||||||
if(d!=0){
|
|
||||||
hours=this.initHours(startHour=8,endHour=20,minuteStep=1,afterStep=30,date[d].value);
|
|
||||||
}
|
|
||||||
hours.map((v,k)=>{
|
|
||||||
if(v.label==dVal[1]){
|
|
||||||
h=k
|
|
||||||
}
|
|
||||||
})
|
|
||||||
minutes.map((v,k)=>{
|
|
||||||
if(v.label==dVal[2]){
|
|
||||||
m=k
|
|
||||||
}
|
|
||||||
})
|
|
||||||
defaultVal=[d,h,m];
|
|
||||||
return {date,hours,minutes,defaultVal};
|
|
||||||
},
|
|
||||||
initHours(startHour=8,endHour=20,minuteStep=1,afterStep=30,date){
|
|
||||||
let hours=[];
|
|
||||||
let arr=date.split("-");
|
|
||||||
let aDate=new Date();
|
|
||||||
let dYear=aDate.getFullYear();
|
|
||||||
let dMonth=aDate.getMonth()+1;
|
|
||||||
let dDate=aDate.getDate();
|
|
||||||
let bsDate=new Date(new Date().getTime()+afterStep*60*1000);
|
|
||||||
let hour=bsDate.getHours();
|
|
||||||
let flag=(dYear==arr[0]&&dMonth==arr[1]&&dDate==arr[2])?true:false;
|
|
||||||
if(hour>endHour){
|
|
||||||
hour=endHour;
|
|
||||||
};
|
|
||||||
if(flag){
|
|
||||||
for(let k=hour*1;k<=endHour*1;k++){
|
|
||||||
hours.push({
|
|
||||||
label:forMatNum(k),
|
|
||||||
value:forMatNum(k),
|
|
||||||
flag:k==hour?true:false
|
|
||||||
})
|
|
||||||
};
|
|
||||||
}else{
|
|
||||||
for(let k=startHour*1;k<=endHour*1;k++){
|
|
||||||
hours.push({
|
|
||||||
label:forMatNum(k),
|
|
||||||
value:forMatNum(k),
|
|
||||||
flag:false
|
|
||||||
})
|
|
||||||
}
|
|
||||||
};
|
|
||||||
return hours;
|
|
||||||
},
|
|
||||||
initMinutes(startHour=8,endHour=20,minuteStep=1,afterStep=30,date,hour){
|
|
||||||
let minutes=[];
|
|
||||||
let bsDate=new Date(new Date().getTime()+afterStep*60*1000);
|
|
||||||
let arr=date.split("-");
|
|
||||||
let aDate=new Date();
|
|
||||||
let dYear=aDate.getFullYear();
|
|
||||||
let dMonth=aDate.getMonth()+1;
|
|
||||||
let dDate=aDate.getDate();
|
|
||||||
let dHour=bsDate.getHours();;
|
|
||||||
let minute=Math.floor(bsDate.getMinutes()/minuteStep)*minuteStep;
|
|
||||||
let flag=(dYear==arr[0]&&dMonth==arr[1]&&dDate==arr[2])?true:false;
|
|
||||||
if(flag){
|
|
||||||
if(hour==dHour){
|
|
||||||
for(let j=minute;j<60;j+=minuteStep*1){
|
|
||||||
minutes.push({
|
|
||||||
label:forMatNum(j),
|
|
||||||
value:forMatNum(j)
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}else{
|
|
||||||
for(let j=0;j<60;j+=minuteStep*1){
|
|
||||||
minutes.push({
|
|
||||||
label:forMatNum(j),
|
|
||||||
value:forMatNum(j)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}else{
|
|
||||||
for(let j=0;j<60;j+=minuteStep*1){
|
|
||||||
minutes.push({
|
|
||||||
label:forMatNum(j),
|
|
||||||
value:forMatNum(j)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return minutes;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
//选择区间初始化
|
|
||||||
range:{
|
|
||||||
init(start,end,value,flag){
|
|
||||||
let aToday=new Date();
|
|
||||||
let tYear,tMonth,tDay,tHours,tMinutes,tSeconds,defaultVal=[];
|
|
||||||
let initstartDate=new Date(start.toString());
|
|
||||||
let endDate=new Date(end.toString());
|
|
||||||
if(start>end){
|
|
||||||
initstartDate=new Date(end.toString());
|
|
||||||
endDate=new Date(start.toString());
|
|
||||||
};
|
|
||||||
let startYear=initstartDate.getFullYear();
|
|
||||||
let startMonth=initstartDate.getMonth()+1;
|
|
||||||
let endYear=endDate.getFullYear();
|
|
||||||
let fyears=[],fmonths=[],fdays=[],tyears=[],tmonths=[],tdays=[],returnArr=[],startDVal=[],endDVal=[];
|
|
||||||
startDVal=value[0].split("-");
|
|
||||||
endDVal=value[1].split("-");
|
|
||||||
let curMonth=flag?startDVal[1]*1:(startDVal[1]+1);
|
|
||||||
let totalDays=new Date(startYear,curMonth,0).getDate();
|
|
||||||
for(let s=startYear;s<=endYear;s++){
|
|
||||||
fyears.push(s+'');
|
|
||||||
};
|
|
||||||
for(let m=1;m<=12;m++){
|
|
||||||
fmonths.push(forMatNum(m));
|
|
||||||
};
|
|
||||||
for(let d=1;d<=totalDays;d++){
|
|
||||||
fdays.push(forMatNum(d));
|
|
||||||
};
|
|
||||||
for(let s=startDVal[0];s<=endYear;s++){
|
|
||||||
tyears.push(s+'');
|
|
||||||
};
|
|
||||||
if(endDVal[0]>startDVal[0]){
|
|
||||||
for(let m=1;m<=12;m++){
|
|
||||||
tmonths.push(forMatNum(m));
|
|
||||||
};
|
|
||||||
for(let d=1;d<=totalDays;d++){
|
|
||||||
tdays.push(forMatNum(d));
|
|
||||||
};
|
|
||||||
}else{
|
|
||||||
for(let m=startDVal[1];m<=12;m++){
|
|
||||||
tmonths.push(forMatNum(m));
|
|
||||||
};
|
|
||||||
for(let d=startDVal[2];d<=totalDays;d++){
|
|
||||||
tdays.push(forMatNum(d));
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
defaultVal=[
|
|
||||||
fyears.indexOf(startDVal[0])==-1?0:fyears.indexOf(startDVal[0]),
|
|
||||||
fmonths.indexOf(startDVal[1])==-1?0:fmonths.indexOf(startDVal[1]),
|
|
||||||
fdays.indexOf(startDVal[2])==-1?0:fdays.indexOf(startDVal[2]),
|
|
||||||
0,
|
|
||||||
tyears.indexOf(endDVal[0])==-1?0:tyears.indexOf(endDVal[0]),
|
|
||||||
tmonths.indexOf(endDVal[1])==-1?0:tmonths.indexOf(endDVal[1]),
|
|
||||||
tdays.indexOf(endDVal[2])==-1?0:tdays.indexOf(endDVal[2])
|
|
||||||
];
|
|
||||||
return {
|
|
||||||
fyears,
|
|
||||||
fmonths,
|
|
||||||
fdays,
|
|
||||||
tyears,
|
|
||||||
tmonths,
|
|
||||||
tdays,
|
|
||||||
defaultVal
|
|
||||||
}
|
|
||||||
},
|
|
||||||
initStartDays(year,month){
|
|
||||||
let totalDays=new Date(year,month,0).getDate();
|
|
||||||
let dates=[];
|
|
||||||
for(let d=1;d<=totalDays;d++){
|
|
||||||
dates.push(forMatNum(d));
|
|
||||||
};
|
|
||||||
return dates;
|
|
||||||
},
|
|
||||||
initEndYears(curYear,startYear,endYear){
|
|
||||||
let years=[];
|
|
||||||
for(let y=curYear;y<=endYear;y++){
|
|
||||||
years.push(forMatNum(y));
|
|
||||||
};
|
|
||||||
return years;
|
|
||||||
},
|
|
||||||
initEndMonths(curMonth){
|
|
||||||
let months=[];
|
|
||||||
for(let m=curMonth*1;m<=12;m++){
|
|
||||||
months.push(forMatNum(m));
|
|
||||||
};
|
|
||||||
return months;
|
|
||||||
},
|
|
||||||
initEndDays(curYear,curMonth,curDate,tYear,tMonth){
|
|
||||||
let totalDays=new Date(curYear,curMonth,0).getDate();
|
|
||||||
let days=[];
|
|
||||||
for(let d=curDate*1;d<=totalDays;d++){
|
|
||||||
days.push(forMatNum(d));
|
|
||||||
};
|
|
||||||
return days;
|
|
||||||
},
|
|
||||||
initToMonths(curYear,curMonth,curDate,tYear){
|
|
||||||
let aDate=new Date(curYear,curMonth,curDate).getTime();
|
|
||||||
let bDate=new Date(tYear,curMonth,curDate).getTime();
|
|
||||||
let months=[];
|
|
||||||
if(bDate-aDate>0){
|
|
||||||
for(let m=1;m<=12;m++){
|
|
||||||
months.push(forMatNum(m));
|
|
||||||
};
|
|
||||||
}else{
|
|
||||||
for(let m=curMonth*1;m<=12;m++){
|
|
||||||
months.push(forMatNum(m));
|
|
||||||
};
|
|
||||||
}
|
|
||||||
return months;
|
|
||||||
},
|
|
||||||
initToDays(curYear,curMonth,curDate,tYear,tMonth){
|
|
||||||
let aDate=new Date(curYear,curMonth,curDate).getTime();
|
|
||||||
let bDate=new Date(tYear,tMonth,curDate).getTime();
|
|
||||||
let totalDays=new Date(tYear,tMonth,0).getDate();
|
|
||||||
let days=[];
|
|
||||||
if(bDate-aDate>0){
|
|
||||||
for(let d=1;d<=totalDays;d++){
|
|
||||||
days.push(forMatNum(d));
|
|
||||||
};
|
|
||||||
}else{
|
|
||||||
for(let d=curDate*1;d<=totalDays;d++){
|
|
||||||
days.push(forMatNum(d));
|
|
||||||
};
|
|
||||||
}
|
|
||||||
return days;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export default initPicker
|
|
||||||
File diff suppressed because it is too large
Load Diff
451
app/package-lock.json
generated
451
app/package-lock.json
generated
@ -1,447 +1,18 @@
|
|||||||
{
|
{
|
||||||
"requires": true,
|
"name": "app",
|
||||||
|
"version": "1.0.0",
|
||||||
"lockfileVersion": 1,
|
"lockfileVersion": 1,
|
||||||
|
"requires": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"ansi-regex": {
|
"@vant/weapp": {
|
||||||
"version": "2.1.1",
|
"version": "1.11.7",
|
||||||
"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
|
"resolved": "https://registry.npmjs.org/@vant/weapp/-/weapp-1.11.7.tgz",
|
||||||
"integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8="
|
"integrity": "sha512-Rwn9BBnb4kHSV4XmvBicwtd42J+amEUfnFDcXJsGNPNX4a9c/DoT6YLsm4X1wB2+sQbdiQsbFBLAvGRBxCkD8g=="
|
||||||
},
|
},
|
||||||
"ansi-styles": {
|
"tdesign-miniprogram": {
|
||||||
"version": "2.2.1",
|
"version": "1.9.0",
|
||||||
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
|
"resolved": "https://registry.npmjs.org/tdesign-miniprogram/-/tdesign-miniprogram-1.9.0.tgz",
|
||||||
"integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4="
|
"integrity": "sha512-osyXxu1zZlDVyK2G0STfAX71TqsjdqbW0+Z3X3qAAezKB09FKVdOyf41kHFnyrHSY1ulEAO7gs19l6tpFNfYiA=="
|
||||||
},
|
|
||||||
"babel-code-frame": {
|
|
||||||
"version": "6.26.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/babel-code-frame/-/babel-code-frame-6.26.0.tgz",
|
|
||||||
"integrity": "sha1-Y/1D99weO7fONZR9uP42mj9Yx0s=",
|
|
||||||
"requires": {
|
|
||||||
"chalk": "^1.1.3",
|
|
||||||
"esutils": "^2.0.2",
|
|
||||||
"js-tokens": "^3.0.2"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"babel-core": {
|
|
||||||
"version": "6.26.3",
|
|
||||||
"resolved": "https://registry.npmjs.org/babel-core/-/babel-core-6.26.3.tgz",
|
|
||||||
"integrity": "sha512-6jyFLuDmeidKmUEb3NM+/yawG0M2bDZ9Z1qbZP59cyHLz8kYGKYwpJP0UwUKKUiTRNvxfLesJnTedqczP7cTDA==",
|
|
||||||
"requires": {
|
|
||||||
"babel-code-frame": "^6.26.0",
|
|
||||||
"babel-generator": "^6.26.0",
|
|
||||||
"babel-helpers": "^6.24.1",
|
|
||||||
"babel-messages": "^6.23.0",
|
|
||||||
"babel-register": "^6.26.0",
|
|
||||||
"babel-runtime": "^6.26.0",
|
|
||||||
"babel-template": "^6.26.0",
|
|
||||||
"babel-traverse": "^6.26.0",
|
|
||||||
"babel-types": "^6.26.0",
|
|
||||||
"babylon": "^6.18.0",
|
|
||||||
"convert-source-map": "^1.5.1",
|
|
||||||
"debug": "^2.6.9",
|
|
||||||
"json5": "^0.5.1",
|
|
||||||
"lodash": "^4.17.4",
|
|
||||||
"minimatch": "^3.0.4",
|
|
||||||
"path-is-absolute": "^1.0.1",
|
|
||||||
"private": "^0.1.8",
|
|
||||||
"slash": "^1.0.0",
|
|
||||||
"source-map": "^0.5.7"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"babel-generator": {
|
|
||||||
"version": "6.26.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/babel-generator/-/babel-generator-6.26.1.tgz",
|
|
||||||
"integrity": "sha512-HyfwY6ApZj7BYTcJURpM5tznulaBvyio7/0d4zFOeMPUmfxkCjHocCuoLa2SAGzBI8AREcH3eP3758F672DppA==",
|
|
||||||
"requires": {
|
|
||||||
"babel-messages": "^6.23.0",
|
|
||||||
"babel-runtime": "^6.26.0",
|
|
||||||
"babel-types": "^6.26.0",
|
|
||||||
"detect-indent": "^4.0.0",
|
|
||||||
"jsesc": "^1.3.0",
|
|
||||||
"lodash": "^4.17.4",
|
|
||||||
"source-map": "^0.5.7",
|
|
||||||
"trim-right": "^1.0.1"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"babel-helpers": {
|
|
||||||
"version": "6.24.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/babel-helpers/-/babel-helpers-6.24.1.tgz",
|
|
||||||
"integrity": "sha1-NHHenK7DiOXIUOWX5Yom3fN2ArI=",
|
|
||||||
"requires": {
|
|
||||||
"babel-runtime": "^6.22.0",
|
|
||||||
"babel-template": "^6.24.1"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"babel-messages": {
|
|
||||||
"version": "6.23.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/babel-messages/-/babel-messages-6.23.0.tgz",
|
|
||||||
"integrity": "sha1-8830cDhYA1sqKVHG7F7fbGLyYw4=",
|
|
||||||
"requires": {
|
|
||||||
"babel-runtime": "^6.22.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"babel-register": {
|
|
||||||
"version": "6.26.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/babel-register/-/babel-register-6.26.0.tgz",
|
|
||||||
"integrity": "sha1-btAhFz4vy0htestFxgCahW9kcHE=",
|
|
||||||
"requires": {
|
|
||||||
"babel-core": "^6.26.0",
|
|
||||||
"babel-runtime": "^6.26.0",
|
|
||||||
"core-js": "^2.5.0",
|
|
||||||
"home-or-tmp": "^2.0.0",
|
|
||||||
"lodash": "^4.17.4",
|
|
||||||
"mkdirp": "^0.5.1",
|
|
||||||
"source-map-support": "^0.4.15"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"babel-runtime": {
|
|
||||||
"version": "6.26.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz",
|
|
||||||
"integrity": "sha1-llxwWGaOgrVde/4E/yM3vItWR/4=",
|
|
||||||
"requires": {
|
|
||||||
"core-js": "^2.4.0",
|
|
||||||
"regenerator-runtime": "^0.11.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"babel-template": {
|
|
||||||
"version": "6.26.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/babel-template/-/babel-template-6.26.0.tgz",
|
|
||||||
"integrity": "sha1-3gPi0WOWsGn0bdn/+FIfsaDjXgI=",
|
|
||||||
"requires": {
|
|
||||||
"babel-runtime": "^6.26.0",
|
|
||||||
"babel-traverse": "^6.26.0",
|
|
||||||
"babel-types": "^6.26.0",
|
|
||||||
"babylon": "^6.18.0",
|
|
||||||
"lodash": "^4.17.4"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"babel-traverse": {
|
|
||||||
"version": "6.26.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/babel-traverse/-/babel-traverse-6.26.0.tgz",
|
|
||||||
"integrity": "sha1-RqnL1+3MYsjlwGTi0tjQ9ANXZu4=",
|
|
||||||
"requires": {
|
|
||||||
"babel-code-frame": "^6.26.0",
|
|
||||||
"babel-messages": "^6.23.0",
|
|
||||||
"babel-runtime": "^6.26.0",
|
|
||||||
"babel-types": "^6.26.0",
|
|
||||||
"babylon": "^6.18.0",
|
|
||||||
"debug": "^2.6.8",
|
|
||||||
"globals": "^9.18.0",
|
|
||||||
"invariant": "^2.2.2",
|
|
||||||
"lodash": "^4.17.4"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"babel-types": {
|
|
||||||
"version": "6.26.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/babel-types/-/babel-types-6.26.0.tgz",
|
|
||||||
"integrity": "sha1-o7Bz+Uq0nrb6Vc1lInozQ4BjJJc=",
|
|
||||||
"requires": {
|
|
||||||
"babel-runtime": "^6.26.0",
|
|
||||||
"esutils": "^2.0.2",
|
|
||||||
"lodash": "^4.17.4",
|
|
||||||
"to-fast-properties": "^1.0.3"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"babylon": {
|
|
||||||
"version": "6.18.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/babylon/-/babylon-6.18.0.tgz",
|
|
||||||
"integrity": "sha512-q/UEjfGJ2Cm3oKV71DJz9d25TPnq5rhBVL2Q4fA5wcC3jcrdn7+SssEybFIxwAvvP+YCsCYNKughoF33GxgycQ=="
|
|
||||||
},
|
|
||||||
"balanced-match": {
|
|
||||||
"version": "1.0.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
|
|
||||||
"integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c="
|
|
||||||
},
|
|
||||||
"brace-expansion": {
|
|
||||||
"version": "1.1.11",
|
|
||||||
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
|
|
||||||
"integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
|
|
||||||
"requires": {
|
|
||||||
"balanced-match": "^1.0.0",
|
|
||||||
"concat-map": "0.0.1"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"chalk": {
|
|
||||||
"version": "1.1.3",
|
|
||||||
"resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
|
|
||||||
"integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
|
|
||||||
"requires": {
|
|
||||||
"ansi-styles": "^2.2.1",
|
|
||||||
"escape-string-regexp": "^1.0.2",
|
|
||||||
"has-ansi": "^2.0.0",
|
|
||||||
"strip-ansi": "^3.0.0",
|
|
||||||
"supports-color": "^2.0.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"concat-map": {
|
|
||||||
"version": "0.0.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
|
|
||||||
"integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s="
|
|
||||||
},
|
|
||||||
"convert-source-map": {
|
|
||||||
"version": "1.7.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.7.0.tgz",
|
|
||||||
"integrity": "sha512-4FJkXzKXEDB1snCFZlLP4gpC3JILicCpGbzG9f9G7tGqGCzETQ2hWPrcinA9oU4wtf2biUaEH5065UnMeR33oA==",
|
|
||||||
"requires": {
|
|
||||||
"safe-buffer": "~5.1.1"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"core-image-xhr": {
|
|
||||||
"version": "1.0.3",
|
|
||||||
"resolved": "https://registry.npmjs.org/core-image-xhr/-/core-image-xhr-1.0.3.tgz",
|
|
||||||
"integrity": "sha1-khHXtcQSGa9atpuThMoqR9VytHY="
|
|
||||||
},
|
|
||||||
"core-js": {
|
|
||||||
"version": "2.6.11",
|
|
||||||
"resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.11.tgz",
|
|
||||||
"integrity": "sha512-5wjnpaT/3dV+XB4borEsnAYQchn00XSgTAWKDkEqv+K8KevjbzmofK6hfJ9TZIlpj2N0xQpazy7PiRQiWHqzWg=="
|
|
||||||
},
|
|
||||||
"daycaca": {
|
|
||||||
"version": "1.0.11",
|
|
||||||
"resolved": "https://registry.npmjs.org/daycaca/-/daycaca-1.0.11.tgz",
|
|
||||||
"integrity": "sha512-2SJTpnpmxUGVWbFPTRhaZLvisCD7bYjvuFpLAhjfAAvtnBb26dAqIqaZ9Jq8yvSlugpEGY+v/YXHXGP3paVV9A=="
|
|
||||||
},
|
|
||||||
"debug": {
|
|
||||||
"version": "2.6.9",
|
|
||||||
"resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
|
|
||||||
"integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
|
|
||||||
"requires": {
|
|
||||||
"ms": "2.0.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"detect-indent": {
|
|
||||||
"version": "4.0.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/detect-indent/-/detect-indent-4.0.0.tgz",
|
|
||||||
"integrity": "sha1-920GQ1LN9Docts5hnE7jqUdd4gg=",
|
|
||||||
"requires": {
|
|
||||||
"repeating": "^2.0.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"dom7": {
|
|
||||||
"version": "2.1.3",
|
|
||||||
"resolved": "https://registry.npmjs.org/dom7/-/dom7-2.1.3.tgz",
|
|
||||||
"integrity": "sha512-QTxHHDox+M6ZFz1zHPAHZKI3JOHY5iY4i9BK2uctlggxKQwRhO3q3HHFq1BKsT25Bm/ySSj70K6Wk/G4bs9rMQ==",
|
|
||||||
"requires": {
|
|
||||||
"ssr-window": "^1.0.1"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"emoji-awesome": {
|
|
||||||
"version": "0.0.2",
|
|
||||||
"resolved": "https://registry.npmjs.org/emoji-awesome/-/emoji-awesome-0.0.2.tgz",
|
|
||||||
"integrity": "sha512-ggortYTr4+f4Jqp/R3vV9FAec+wRkIyRM458LUrv81mKQSKIJW9+xDlbqHsUpMeNKCLG45RsbbCyprrOoGZ6UQ=="
|
|
||||||
},
|
|
||||||
"escape-string-regexp": {
|
|
||||||
"version": "1.0.5",
|
|
||||||
"resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
|
|
||||||
"integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ="
|
|
||||||
},
|
|
||||||
"esutils": {
|
|
||||||
"version": "2.0.3",
|
|
||||||
"resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
|
|
||||||
"integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g=="
|
|
||||||
},
|
|
||||||
"globals": {
|
|
||||||
"version": "9.18.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/globals/-/globals-9.18.0.tgz",
|
|
||||||
"integrity": "sha512-S0nG3CLEQiY/ILxqtztTWH/3iRRdyBLw6KMDxnKMchrtbj2OFmehVh0WUCfW3DUrIgx/qFrJPICrq4Z4sTR9UQ=="
|
|
||||||
},
|
|
||||||
"has-ansi": {
|
|
||||||
"version": "2.0.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz",
|
|
||||||
"integrity": "sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=",
|
|
||||||
"requires": {
|
|
||||||
"ansi-regex": "^2.0.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"home-or-tmp": {
|
|
||||||
"version": "2.0.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/home-or-tmp/-/home-or-tmp-2.0.0.tgz",
|
|
||||||
"integrity": "sha1-42w/LSyufXRqhX440Y1fMqeILbg=",
|
|
||||||
"requires": {
|
|
||||||
"os-homedir": "^1.0.0",
|
|
||||||
"os-tmpdir": "^1.0.1"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"invariant": {
|
|
||||||
"version": "2.2.4",
|
|
||||||
"resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
|
|
||||||
"integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
|
|
||||||
"requires": {
|
|
||||||
"loose-envify": "^1.0.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"is-finite": {
|
|
||||||
"version": "1.1.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/is-finite/-/is-finite-1.1.0.tgz",
|
|
||||||
"integrity": "sha512-cdyMtqX/BOqqNBBiKlIVkytNHm49MtMlYyn1zxzvJKWmFMlGzm+ry5BBfYyeY9YmNKbRSo/o7OX9w9ale0wg3w=="
|
|
||||||
},
|
|
||||||
"js-tokens": {
|
|
||||||
"version": "3.0.2",
|
|
||||||
"resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-3.0.2.tgz",
|
|
||||||
"integrity": "sha1-mGbfOVECEw449/mWvOtlRDIJwls="
|
|
||||||
},
|
|
||||||
"jsesc": {
|
|
||||||
"version": "1.3.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/jsesc/-/jsesc-1.3.0.tgz",
|
|
||||||
"integrity": "sha1-RsP+yMGJKxKwgz25vHYiF226s0s="
|
|
||||||
},
|
|
||||||
"json5": {
|
|
||||||
"version": "0.5.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/json5/-/json5-0.5.1.tgz",
|
|
||||||
"integrity": "sha1-Hq3nrMASA0rYTiOWdn6tn6VJWCE="
|
|
||||||
},
|
|
||||||
"lodash": {
|
|
||||||
"version": "4.17.15",
|
|
||||||
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
|
|
||||||
"integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A=="
|
|
||||||
},
|
|
||||||
"loose-envify": {
|
|
||||||
"version": "1.4.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
|
|
||||||
"integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
|
|
||||||
"requires": {
|
|
||||||
"js-tokens": "^3.0.0 || ^4.0.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"minimatch": {
|
|
||||||
"version": "3.0.4",
|
|
||||||
"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
|
|
||||||
"integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
|
|
||||||
"requires": {
|
|
||||||
"brace-expansion": "^1.1.7"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"minimist": {
|
|
||||||
"version": "1.2.5",
|
|
||||||
"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
|
|
||||||
"integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw=="
|
|
||||||
},
|
|
||||||
"mkdirp": {
|
|
||||||
"version": "0.5.5",
|
|
||||||
"resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.5.tgz",
|
|
||||||
"integrity": "sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==",
|
|
||||||
"requires": {
|
|
||||||
"minimist": "^1.2.5"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"ms": {
|
|
||||||
"version": "2.0.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
|
|
||||||
"integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
|
|
||||||
},
|
|
||||||
"os-homedir": {
|
|
||||||
"version": "1.0.2",
|
|
||||||
"resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz",
|
|
||||||
"integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M="
|
|
||||||
},
|
|
||||||
"os-tmpdir": {
|
|
||||||
"version": "1.0.2",
|
|
||||||
"resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
|
|
||||||
"integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ="
|
|
||||||
},
|
|
||||||
"path-is-absolute": {
|
|
||||||
"version": "1.0.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
|
|
||||||
"integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18="
|
|
||||||
},
|
|
||||||
"private": {
|
|
||||||
"version": "0.1.8",
|
|
||||||
"resolved": "https://registry.npmjs.org/private/-/private-0.1.8.tgz",
|
|
||||||
"integrity": "sha512-VvivMrbvd2nKkiG38qjULzlc+4Vx4wm/whI9pQD35YrARNnhxeiRktSOhSukRLFNlzg6Br/cJPet5J/u19r/mg=="
|
|
||||||
},
|
|
||||||
"regenerator-runtime": {
|
|
||||||
"version": "0.11.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz",
|
|
||||||
"integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg=="
|
|
||||||
},
|
|
||||||
"repeating": {
|
|
||||||
"version": "2.0.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/repeating/-/repeating-2.0.1.tgz",
|
|
||||||
"integrity": "sha1-UhTFOpJtNVJwdSf7q0FdvAjQbdo=",
|
|
||||||
"requires": {
|
|
||||||
"is-finite": "^1.0.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"safe-buffer": {
|
|
||||||
"version": "5.1.2",
|
|
||||||
"resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
|
|
||||||
"integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
|
|
||||||
},
|
|
||||||
"slash": {
|
|
||||||
"version": "1.0.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/slash/-/slash-1.0.0.tgz",
|
|
||||||
"integrity": "sha1-xB8vbDn8FtHNF61LXYlhFK5HDVU="
|
|
||||||
},
|
|
||||||
"source-map": {
|
|
||||||
"version": "0.5.7",
|
|
||||||
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
|
|
||||||
"integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w="
|
|
||||||
},
|
|
||||||
"source-map-support": {
|
|
||||||
"version": "0.4.18",
|
|
||||||
"resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.4.18.tgz",
|
|
||||||
"integrity": "sha512-try0/JqxPLF9nOjvSta7tVondkP5dwgyLDjVoyMDlmjugT2lRZ1OfsrYTkCd2hkDnJTKRbO/Rl3orm8vlsUzbA==",
|
|
||||||
"requires": {
|
|
||||||
"source-map": "^0.5.6"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"ssr-window": {
|
|
||||||
"version": "1.0.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/ssr-window/-/ssr-window-1.0.1.tgz",
|
|
||||||
"integrity": "sha512-dgFqB+f00LJTEgb6UXhx0h+SrG50LJvti2yMKMqAgzfUmUXZrLSv2fjULF7AWGwK25EXu8+smLR3jYsJQChPsg=="
|
|
||||||
},
|
|
||||||
"strip-ansi": {
|
|
||||||
"version": "3.0.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
|
|
||||||
"integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
|
|
||||||
"requires": {
|
|
||||||
"ansi-regex": "^2.0.0"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"supports-color": {
|
|
||||||
"version": "2.0.0",
|
|
||||||
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
|
|
||||||
"integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc="
|
|
||||||
},
|
|
||||||
"swiper": {
|
|
||||||
"version": "5.3.8",
|
|
||||||
"resolved": "https://registry.npmjs.org/swiper/-/swiper-5.3.8.tgz",
|
|
||||||
"integrity": "sha512-bCxrayTgzC2bZBRuFwAx7T4exWeHqMADBpcuTQ7PNCOIIzJRPqNh4ySIvW06LEEU3Q0KncaNre4hrn+jXcWivQ==",
|
|
||||||
"requires": {
|
|
||||||
"dom7": "^2.1.3",
|
|
||||||
"ssr-window": "^1.0.1"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"to-fast-properties": {
|
|
||||||
"version": "1.0.3",
|
|
||||||
"resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-1.0.3.tgz",
|
|
||||||
"integrity": "sha1-uDVx+k2MJbguIxsG46MFXeTKGkc="
|
|
||||||
},
|
|
||||||
"trim-right": {
|
|
||||||
"version": "1.0.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/trim-right/-/trim-right-1.0.1.tgz",
|
|
||||||
"integrity": "sha1-yy4SAwZ+DI3h9hQJS5/kVwTqYAM="
|
|
||||||
},
|
|
||||||
"vue": {
|
|
||||||
"version": "2.6.11",
|
|
||||||
"resolved": "https://registry.npmjs.org/vue/-/vue-2.6.11.tgz",
|
|
||||||
"integrity": "sha512-VfPwgcGABbGAue9+sfrD4PuwFar7gPb1yl1UK1MwXoQPAw0BKSqWfoYCT/ThFrdEVWoI51dBuyCoiNU9bZDZxQ=="
|
|
||||||
},
|
|
||||||
"vue-awesome-swiper": {
|
|
||||||
"version": "4.1.1",
|
|
||||||
"resolved": "https://registry.npmjs.org/vue-awesome-swiper/-/vue-awesome-swiper-4.1.1.tgz",
|
|
||||||
"integrity": "sha512-50um10t6N+lJaORkpwSi1wWuMmBI1sgFc9Znsi5oUykw2cO5DzLaBHcO2JNX21R+Ue4TGoIJDhhxjBHtkFrTEQ=="
|
|
||||||
},
|
|
||||||
"vue-core-image-upload": {
|
|
||||||
"version": "2.4.11",
|
|
||||||
"resolved": "https://registry.npmjs.org/vue-core-image-upload/-/vue-core-image-upload-2.4.11.tgz",
|
|
||||||
"integrity": "sha512-He0OcNqUaL2yHQebFwk4IxLr1Q8m1S7u8zTUek7pMaOUHW76MXOOn6sHoJMruURNvsv3SyeqFEt4N7JQBnMviA==",
|
|
||||||
"requires": {
|
|
||||||
"babel-core": "^6.26.0",
|
|
||||||
"core-image-xhr": "^1.0.3",
|
|
||||||
"daycaca": "^1.0.6",
|
|
||||||
"vue": "^2.5.13"
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,7 +1,6 @@
|
|||||||
{
|
{
|
||||||
"appid": "wxd29e5ba4ccbcca2f",
|
|
||||||
"compileType": "miniprogram",
|
"compileType": "miniprogram",
|
||||||
"libVersion": "3.1.4",
|
"libVersion": "trial",
|
||||||
"packOptions": {
|
"packOptions": {
|
||||||
"ignore": [],
|
"ignore": [],
|
||||||
"include": []
|
"include": []
|
||||||
@ -13,17 +12,23 @@
|
|||||||
"minified": true,
|
"minified": true,
|
||||||
"enhance": true,
|
"enhance": true,
|
||||||
"showShadowRootInWxmlPanel": true,
|
"showShadowRootInWxmlPanel": true,
|
||||||
"packNpmRelationList": [],
|
"packNpmManually": true,
|
||||||
|
"packNpmRelationList": [
|
||||||
|
{
|
||||||
|
"packageJsonPath": "./package.json",
|
||||||
|
"miniprogramNpmDistDir": "./miniprogram/"
|
||||||
|
}
|
||||||
|
],
|
||||||
"babelSetting": {
|
"babelSetting": {
|
||||||
"ignore": [],
|
"ignore": [],
|
||||||
"disablePlugins": [],
|
"disablePlugins": [],
|
||||||
"outputPath": ""
|
"outputPath": ""
|
||||||
},
|
}
|
||||||
"condition": false
|
|
||||||
},
|
},
|
||||||
"condition": {},
|
"condition": {},
|
||||||
"editorSetting": {
|
"editorSetting": {
|
||||||
"tabIndent": "insertSpaces",
|
"tabIndent": "auto",
|
||||||
"tabSize": 2
|
"tabSize": 2
|
||||||
}
|
},
|
||||||
|
"appid": "wx5cbeb914b797d584"
|
||||||
}
|
}
|
||||||
@ -2,7 +2,7 @@
|
|||||||
"description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
|
"description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
|
||||||
"projectname": "app",
|
"projectname": "app",
|
||||||
"setting": {
|
"setting": {
|
||||||
"compileHotReLoad": true
|
"compileHotReLoad": false,
|
||||||
},
|
"urlCheck": false
|
||||||
"libVersion": "3.1.4"
|
}
|
||||||
}
|
}
|
||||||
Loading…
x
Reference in New Issue
Block a user