4 |
9 |
5 | {{title}}
6 | 查看更多 >
7 |
8 |
10 |
29 |
11 |
15 |
27 |
28 |
20 |
26 |
3 |
7 |
8 |
9 |
17 |
18 |
19 |
26 |
27 |
--------------------------------------------------------------------------------
/static/vant-weapp/switch/index.wxml:
--------------------------------------------------------------------------------
1 |
3 |
9 |
10 |
11 |
31 |
32 |
45 |
--------------------------------------------------------------------------------
/src/utils/index.js:
--------------------------------------------------------------------------------
1 | function formatNumber (n) {
2 | const str = n.toString()
3 | return str[1] ? str : `0${str}`
4 | }
5 |
6 | export function formatTime (date) {
7 | const year = date.getFullYear()
8 | const month = date.getMonth() + 1
9 | const day = date.getDate()
10 |
11 | const hour = date.getHours()
12 | const minute = date.getMinutes()
13 | const second = date.getSeconds()
14 |
15 | const t1 = [year, month, day].map(formatNumber).join('/')
16 | const t2 = [hour, minute, second].map(formatNumber).join(':')
17 |
18 | return `${t1} ${t2}`
19 | }
20 |
21 | export const BASE_PATH = "https://www.easy-mock.com/mock/5d2eebbc6a088d6b468ebcd7/mock/"
22 |
23 | export const HOME_NAMES = {
24 | 1: "影院热映",
25 | 2: "豆瓣热门",
26 | 3: "近期热门剧集",
27 | 4: "近期热门综艺节目",
28 | 5: "畅销图书",
29 | 6: "热门单曲榜",
30 | }
31 |
32 | export default {
33 | formatNumber,
34 | formatTime,
35 | }
36 |
--------------------------------------------------------------------------------
/static/vant-weapp/action-sheet/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/index.wxss';.van-action-sheet{max-height:90%!important;color:#333}.van-action-sheet__cancel,.van-action-sheet__item{height:50px;font-size:16px;line-height:50px;text-align:center;background-color:#fff}.van-action-sheet__cancel--hover,.van-action-sheet__item--hover{background-color:#f2f3f5}.van-action-sheet__cancel{height:60px}.van-action-sheet__cancel:before{display:block;height:10px;background-color:#f8f8f8;content:" "}.van-action-sheet__item--disabled{color:#c9c9c9}.van-action-sheet__item--disabled.van-action-sheet__item--hover{background-color:#fff}.van-action-sheet__subname{margin-left:5px;font-size:12px;color:#7d7e80}.van-action-sheet__header{font-size:16px;font-weight:500;line-height:44px;text-align:center}.van-action-sheet__close{position:absolute!important;top:0;right:0;padding:0 15px;font-size:18px!important;line-height:inherit!important;color:#999}
--------------------------------------------------------------------------------
/static/vant-weapp/checkbox/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/index.wxss';.van-checkbox{display:-webkit-flex;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.van-checkbox__icon-wrap,.van-checkbox__label{line-height:20px}.van-checkbox__icon-wrap{-webkit-flex:none;flex:none}.van-checkbox__icon{display:block;width:20px;height:20px;font-size:14px;color:transparent;text-align:center;border:1px solid #e5e5e5;box-sizing:border-box;transition:.2s}.van-checkbox__icon--round{border-radius:100%}.van-checkbox__icon--checked{color:#fff;background-color:#1989fa;border-color:#1989fa}.van-checkbox__icon--disabled{background-color:#eee;border-color:#c9c9c9}.van-checkbox__icon--disabled.van-checkbox__icon--checked{color:#c9c9c9}.van-checkbox__label{margin-left:10px;color:#333;word-break:break-all}.van-checkbox__label--left{float:left;margin:0 10px 0 0}.van-checkbox__label--disabled{color:#c9c9c9}.van-checkbox__label:empty{margin:0}
--------------------------------------------------------------------------------
/static/vant-weapp/tab/index.js:
--------------------------------------------------------------------------------
1 | import { VantComponent } from '../common/component';
2 | VantComponent({
3 | relation: {
4 | name: 'tabs',
5 | type: 'ancestor'
6 | },
7 | props: {
8 | dot: Boolean,
9 | info: null,
10 | title: String,
11 | disabled: Boolean,
12 | titleStyle: String
13 | },
14 | data: {
15 | width: null,
16 | inited: false,
17 | active: false,
18 | animated: false
19 | },
20 | watch: {
21 | title: 'update',
22 | disabled: 'update',
23 | dot: 'update',
24 | info: 'update',
25 | titleStyle: 'update'
26 | },
27 | methods: {
28 | update() {
29 | const parent = this.getRelationNodes('../tabs/index')[0];
30 | if (parent) {
31 | parent.updateTabs();
32 | }
33 | }
34 | }
35 | });
36 |
--------------------------------------------------------------------------------
/static/vant-weapp/tree-select/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/index.wxss';.van-tree-select{position:relative;font-size:14px;-webkit-user-select:none;user-select:none}.van-tree-select__nav{position:absolute;top:0;bottom:0;left:0;width:35%;min-width:120px;background-color:#fafafa}.van-tree-select__nitem{position:relative;padding:0 9px 0 15px;line-height:44px}.van-tree-select__nitem--active:after{position:absolute;top:0;bottom:0;left:0;width:3.6px;background-color:#f44;content:""}.van-tree-select__nitem--active{font-weight:700;background-color:#fff}.van-tree-select__nitem--disabled{color:#999}.van-tree-select__content{width:65%;padding-left:15px;margin-left:35%;background-color:#fff;box-sizing:border-box}.van-tree-select__item{position:relative;font-weight:700;line-height:44px}.van-tree-select__item--active{color:#f44}.van-tree-select__item--disabled{color:#999}.van-tree-select__selected{position:absolute;top:0;right:15px;bottom:0;height:24px;margin:auto 0;line-height:24px}
--------------------------------------------------------------------------------
/static/vant-weapp/toast/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/index.wxss';.van-toast{display:-webkit-flex;display:flex;color:#fff;font-size:14px;line-height:20px;border-radius:4px;word-break:break-all;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;box-sizing:initial;background-color:rgba(51,51,51,.88);white-space:pre-wrap}.van-toast__container{position:fixed;top:50%;left:50%;max-width:70%;width:-webkit-fit-content;width:fit-content;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.van-toast--text{padding:8px 12px;min-width:96px}.van-toast--icon{width:90px;padding:15px;min-height:90px}.van-toast--icon .van-toast__icon{font-size:48px}.van-toast--icon .van-toast__text{padding-top:5px}.van-toast__loading{margin:10px 0}.van-toast--top{-webkit-transform:translateY(-30vh);transform:translateY(-30vh)}.van-toast--bottom{-webkit-transform:translateY(30vh);transform:translateY(30vh)}
--------------------------------------------------------------------------------
/static/vant-weapp/toast/toast.d.ts:
--------------------------------------------------------------------------------
1 | declare type ToastMessage = string | number;
2 | interface ToastOptions {
3 | show?: boolean;
4 | type?: string;
5 | mask?: boolean;
6 | zIndex?: number;
7 | context?: any;
8 | position?: string;
9 | duration?: number;
10 | selector?: string;
11 | forbidClick?: boolean;
12 | loadingType?: string;
13 | message?: ToastMessage;
14 | onClose?: () => void;
15 | }
16 | declare function Toast(toastOptions: ToastOptions | ToastMessage): Weapp.Component;
17 | declare namespace Toast {
18 | var loading: (options: string | number | ToastOptions) => Weapp.Component;
19 | var success: (options: string | number | ToastOptions) => Weapp.Component;
20 | var fail: (options: string | number | ToastOptions) => Weapp.Component;
21 | var clear: () => void;
22 | var setDefaultOptions: (options: ToastOptions) => void;
23 | var resetDefaultOptions: () => void;
24 | }
25 | export default Toast;
26 |
--------------------------------------------------------------------------------
/static/vant-weapp/wxs/bem.wxs:
--------------------------------------------------------------------------------
1 | var array = require('./array.wxs');
2 | var object = require('./object.wxs');
3 | var PREFIX = 'van-';
4 |
5 | function join(name, mods) {
6 | name = PREFIX + name;
7 | mods = mods.map(function(mod) {
8 | return name + '--' + mod;
9 | });
10 | mods.unshift(name);
11 | return mods.join(' ');
12 | }
13 |
14 | function traversing(mods, conf) {
15 | if (!conf) {
16 | return;
17 | }
18 |
19 | if (typeof conf === 'string' || typeof conf === 'number') {
20 | mods.push(conf);
21 | } else if (array.isArray(conf)) {
22 | conf.forEach(function(item) {
23 | traversing(mods, item);
24 | });
25 | } else if (typeof conf === 'object') {
26 | object.keys(conf).forEach(function(key) {
27 | conf[key] && mods.push(key);
28 | });
29 | }
30 | }
31 |
32 | function bem(name, conf) {
33 | var mods = [];
34 | traversing(mods, conf);
35 | return join(name, mods);
36 | }
37 |
38 | module.exports.bem = bem;
39 |
--------------------------------------------------------------------------------
/static/vant-weapp/submit-bar/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/index.wxss';.van-submit-bar{position:fixed;bottom:0;left:0;z-index:100;width:100%;-webkit-user-select:none;user-select:none}.van-submit-bar__tip{padding:10px;font-size:12px;line-height:1.5;color:#f56723;background-color:#fff7cc}.van-submit-bar__tip:empty{display:none}.van-submit-bar__tip-icon{width:12px;height:12px;margin-right:4px;vertical-align:middle}.van-submit-bar__tip-text{display:inline;vertical-align:middle}.van-submit-bar__bar{display:-webkit-flex;display:flex;height:50px;font-size:14px;background-color:#fff;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end}.van-submit-bar__bar--safe{padding-bottom:34px}.van-submit-bar__text{padding-right:12px;font-weight:500;color:#333;-webkit-flex:1;flex:1;text-align:right}.van-submit-bar__price{font-size:18px;color:#f44}.van-submit-bar__currency{font-size:14px}.van-submit-bar__suffix-label{margin-left:5px}.van-submit-bar__button{width:110px}
--------------------------------------------------------------------------------
/static/vant-weapp/stepper/index.wxml:
--------------------------------------------------------------------------------
1 | Vuex counter：{{ count }}
4 |5 | 6 | 7 |
8 |
3 |
17 |
18 |
19 |
28 |
29 |
58 |
--------------------------------------------------------------------------------
/static/vant-weapp/dialog/dialog.d.ts:
--------------------------------------------------------------------------------
1 | declare type DialogAction = 'confirm' | 'cancel';
2 | declare type DialogOptions = {
3 | lang?: string;
4 | show?: boolean;
5 | title?: string;
6 | zIndex?: number;
7 | context?: any;
8 | message?: string;
9 | overlay?: boolean;
10 | selector?: string;
11 | ariaLabel?: string;
12 | className?: string;
13 | transition?: string;
14 | asyncClose?: boolean;
15 | businessId?: number;
16 | sessionFrom?: string;
17 | appParameter?: string;
18 | messageAlign?: string;
19 | sendMessageImg?: string;
20 | showMessageCard?: boolean;
21 | sendMessagePath?: string;
22 | sendMessageTitle?: string;
23 | confirmButtonText?: string;
24 | cancelButtonText?: string;
25 | showConfirmButton?: boolean;
26 | showCancelButton?: boolean;
27 | closeOnClickOverlay?: boolean;
28 | confirmButtonOpenType?: string;
29 | };
30 | interface Dialog {
31 | (options: DialogOptions): Promise
4 |
13 |
14 |
15 |
16 |
3 |
4 |
5 |
6 |
8 |
9 |
10 |
11 |
17 |
18 |
19 |
50 |
51 |
62 |
--------------------------------------------------------------------------------
/static/vant-weapp/popup/index.js:
--------------------------------------------------------------------------------
1 | import { VantComponent } from '../common/component';
2 | import { transition } from '../mixins/transition';
3 | import { safeArea } from '../mixins/safe-area';
4 | VantComponent({
5 | classes: [
6 | 'enter-class',
7 | 'enter-active-class',
8 | 'enter-to-class',
9 | 'leave-class',
10 | 'leave-active-class',
11 | 'leave-to-class'
12 | ],
13 | mixins: [transition(false), safeArea()],
14 | props: {
15 | transition: {
16 | type: String,
17 | observer: 'observeClass'
18 | },
19 | customStyle: String,
20 | overlayStyle: String,
21 | zIndex: {
22 | type: Number,
23 | value: 100
24 | },
25 | overlay: {
26 | type: Boolean,
27 | value: true
28 | },
29 | closeOnClickOverlay: {
30 | type: Boolean,
31 | value: true
32 | },
33 | position: {
34 | type: String,
35 | value: 'center',
36 | observer: 'observeClass'
37 | }
38 | },
39 | created() {
40 | this.observeClass();
41 | },
42 | methods: {
43 | onClickOverlay() {
44 | this.$emit('click-overlay');
45 | if (this.data.closeOnClickOverlay) {
46 | this.$emit('close');
47 | }
48 | },
49 | observeClass() {
50 | const { transition, position } = this.data;
51 | const updateData = {
52 | name: transition || position
53 | };
54 | if (transition === 'none') {
55 | updateData.duration = 0;
56 | }
57 | this.set(updateData);
58 | }
59 | }
60 | });
61 |
--------------------------------------------------------------------------------
/static/vant-weapp/transition/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/index.wxss';.van-transition{transition-timing-function:ease}.van-fade-enter-active,.van-fade-leave-active{transition-property:opacity}.van-fade-enter,.van-fade-leave-to{opacity:0}.van-fade-down-enter-active,.van-fade-down-leave-active,.van-fade-left-enter-active,.van-fade-left-leave-active,.van-fade-right-enter-active,.van-fade-right-leave-active,.van-fade-up-enter-active,.van-fade-up-leave-active{transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}.van-fade-up-enter,.van-fade-up-leave-to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.van-fade-down-enter,.van-fade-down-leave-to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.van-fade-left-enter,.van-fade-left-leave-to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.van-fade-right-enter,.van-fade-right-leave-to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.van-slide-down-enter-active,.van-slide-down-leave-active,.van-slide-left-enter-active,.van-slide-left-leave-active,.van-slide-right-enter-active,.van-slide-right-leave-active,.van-slide-up-enter-active,.van-slide-up-leave-active{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.van-slide-up-enter,.van-slide-up-leave-to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.van-slide-down-enter,.van-slide-down-leave-to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.van-slide-left-enter,.van-slide-left-leave-to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.van-slide-right-enter,.van-slide-right-leave-to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
--------------------------------------------------------------------------------
/static/vant-weapp/dialog/dialog.js:
--------------------------------------------------------------------------------
1 | let queue = [];
2 | function getContext() {
3 | const pages = getCurrentPages();
4 | return pages[pages.length - 1];
5 | }
6 | const Dialog = options => {
7 | options = Object.assign({}, Dialog.currentOptions, options);
8 | return new Promise((resolve, reject) => {
9 | const context = options.context || getContext();
10 | const dialog = context.selectComponent(options.selector);
11 | delete options.selector;
12 | if (dialog) {
13 | dialog.set(Object.assign({ onCancel: reject, onConfirm: resolve }, options));
14 | queue.push(dialog);
15 | }
16 | else {
17 | console.warn('未找到 van-dialog 节点，请确认 selector 及 context 是否正确');
18 | }
19 | });
20 | };
21 | Dialog.defaultOptions = {
22 | show: true,
23 | title: '',
24 | message: '',
25 | zIndex: 100,
26 | overlay: true,
27 | className: '',
28 | asyncClose: false,
29 | messageAlign: '',
30 | transition: 'scale',
31 | selector: '#van-dialog',
32 | confirmButtonText: '确认',
33 | cancelButtonText: '取消',
34 | showConfirmButton: true,
35 | showCancelButton: false,
36 | closeOnClickOverlay: false,
37 | confirmButtonOpenType: ''
38 | };
39 | Dialog.alert = Dialog;
40 | Dialog.confirm = options => Dialog(Object.assign({ showCancelButton: true }, options));
41 | Dialog.close = () => {
42 | queue.forEach(dialog => {
43 | dialog.close();
44 | });
45 | queue = [];
46 | };
47 | Dialog.stopLoading = () => {
48 | queue.forEach(dialog => {
49 | dialog.stopLoading();
50 | });
51 | };
52 | Dialog.setDefaultOptions = options => {
53 | Object.assign(Dialog.currentOptions, options);
54 | };
55 | Dialog.resetDefaultOptions = () => {
56 | Dialog.currentOptions = Object.assign({}, Dialog.defaultOptions);
57 | };
58 | Dialog.resetDefaultOptions();
59 | export default Dialog;
60 |
--------------------------------------------------------------------------------
/static/vant-weapp/picker/index.wxml:
--------------------------------------------------------------------------------
1 | -
12 |
-
13 |
14 |
15 |
6 | ![]()
9 |
24 |
25 |
26 |
46 |
47 |
81 |
--------------------------------------------------------------------------------
/src/pages/mine/index.vue:
--------------------------------------------------------------------------------
1 |
2 | {{title}}
10 |
11 |
23 |
3 |
20 |
21 |
22 |
48 |
49 |
74 |
75 |
76 |
77 |
78 |
79 |
--------------------------------------------------------------------------------
/static/vant-weapp/button/index.wxss:
--------------------------------------------------------------------------------
1 | @import '../common/index.wxss';.van-button{position:relative;display:inline-block;height:44px;padding:0;font-size:16px;line-height:42px;text-align:center;vertical-align:middle;box-sizing:border-box;border-radius:2px;-webkit-appearance:none;-webkit-text-size-adjust:100%}.van-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:#000;border:inherit;border-color:#000;border-radius:inherit;content:" ";opacity:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.van-button:after{border-width:0}.van-button--active:before{opacity:.15}.van-button--unclickable:after{display:none}.van-button--default{color:#333;background-color:#fff;border:1px solid #eee}.van-button--primary{color:#fff;background-color:#07c160;border:1px solid #07c160}.van-button--info{color:#fff;background-color:#1989fa;border:1px solid #1989fa}.van-button--danger{color:#fff;background-color:#f44;border:1px solid #f44}.van-button--warning{color:#fff;background-color:#ff976a;border:1px solid #ff976a}.van-button--plain{background-color:#fff}.van-button--plain.van-button--primary{color:#07c160}.van-button--plain.van-button--info{color:#1989fa}.van-button--plain.van-button--danger{color:#f44}.van-button--plain.van-button--warning{color:#ff976a}.van-button--large{width:100%;height:50px;line-height:48px}.van-button--normal{padding:0 15px;font-size:14px}.van-button--small{height:30px;min-width:60px;padding:0 8px;font-size:12px;line-height:28px}.van-button--mini{display:inline-block;width:50px;height:22px;font-size:10px;line-height:20px}.van-button--mini+.van-button--mini{margin-left:5px}.van-button--block{display:block;width:100%}.van-button--round{border-radius:10em}.van-button--square{border-radius:0}.van-button--disabled{opacity:.5}.van-button__loading-text{margin-left:5px;display:inline-block;vertical-align:middle}.van-button--hairline{border-width:0;padding-top:1px}.van-button--hairline:after{border-width:1px;border-color:inherit;border-radius:4px}.van-button--hairline.van-button--round:after{border-radius:10em}.van-button--hairline.van-button--square:after{border-radius:0}
--------------------------------------------------------------------------------
/src/components/OrderCard.vue:
--------------------------------------------------------------------------------
1 |
2 |
7 | 获取昵称
14 |
15 |
16 | ![]()
17 |
19 | {{userInfo.nickName}}
18 |
3 |
30 |
31 |
32 |
60 |
61 |
87 |
--------------------------------------------------------------------------------
/static/vant-weapp/dialog/index.wxml:
--------------------------------------------------------------------------------
1 |