Commit 0df0b1e0 by wangjian

1

parent d5c91777
<script> <script>
import Vue from 'vue'
export default { export default {
onLaunch: function() { onLaunch: function() {
console.log('App Launch') console.log('App Launch')
let that = this
uni.getSystemInfo({
success: function(e) {
Vue.prototype.StatusBarHeight = e.statusBarHeight;
let custom = uni.getMenuButtonBoundingClientRect();
Vue.prototype.Custom = custom;
Vue.prototype.CustomBarHeight = custom.height + (custom.top - e.statusBarHeight) * 2;
Vue.prototype.BarPadding = custom.top;
Vue.prototype.SafeAreaBottom = e.safeAreaInsets.top>20 && e.platform!='android' ? 28 : 0
Vue.prototype.LRScreenWidth = e.screenWidth;
Vue.prototype.LRScreenHeight = e.screenHeight;
}
})
uni.hideShareMenu({});
}, },
onShow: function() { onShow: function() {
console.log('App Show') console.log('App Show')
......
...@@ -23,7 +23,9 @@ ...@@ -23,7 +23,9 @@
"style" : "style" :
{ {
"navigationBarTitleText": "", "navigationBarTitleText": "",
"enablePullDownRefresh": false "enablePullDownRefresh": false,
"navigationStyle": "custom",
"backgroundColor":"#F5F5F5"
} }
} }
......
<template> <template>
<view> <view class="container">
<view class="mine-header">
<view class="header-top">
<!--navBar-->
<view class="nav-bar" :style="{ height: height + 'px', 'padding-top': statusBarHeight + 'px' }"><text class="person-center">我的</text></view>
<view class="user-info">
<view class="top">
<image class="avator" :src="userInfo.avatar" mode=""></image>
<view class="info">
<view class="name">{{userInfo.staffName}}</view>
<view class="shop">{{userInfo.staffName}}</view>
</view>
<view class="select-acccount">
切换行号
<image class="img" src="../../static/arrow-right-w.png" mode=""></image>
</view>
</view>
<view class="line"></view>
<view class="user-integral">
<view class="item">
<view class="num">3000</view>
<view class="bottom">累计积分</view>
</view>
<view class="item">
<view class="num">3000</view>
<view class="bottom">当前积分</view>
</view>
<view class="item">
<view class="num">3000</view>
<view class="bottom">消费积分</view>
</view>
</view>
</view>
</view>
<view class="bottom-setting">
<view class="item">
<view class="left">
<image class="left-img" src="../../static/coupon.png" mode=""></image>
<view class="title">卡片回收</view>
</view>
<image class="right-arrow" src="../../static/arrow-right.png" mode=""></image>
</view>
<view class="item">
<view class="left">
<image class="left-img" src="../../static/integral.png" mode=""></image>
<view class="title">积分明细</view>
</view>
<image class="right-arrow" src="../../static/arrow-right.png" mode=""></image>
</view>
<view class="item">
<view class="left">
<image class="left-img" src="../../static/customer.png" mode=""></image>
<view class="title">联系客服</view>
</view>
<image class="right-arrow" src="../../static/arrow-right.png" mode=""></image>
</view>
<view class="item last-item">
<view class="left">
<image class="left-img" src="../../static/setting.png" mode=""></image>
<view class="title">设置</view>
</view>
<image class="right-arrow" src="../../static/arrow-right.png" mode=""></image>
</view>
</view>
</view>
</view> </view>
</template> </template>
...@@ -8,7 +71,9 @@ ...@@ -8,7 +71,9 @@
export default { export default {
data() { data() {
return { return {
height: this.CustomBarHeight,
statusBarHeight: this.StatusBarHeight,
userInfo: {}
}; };
}, },
created() { created() {
...@@ -17,7 +82,12 @@ ...@@ -17,7 +82,12 @@
methods: { methods: {
getUserInfo() { getUserInfo() {
this.$net.get('/staff/detail').then(res => { this.$net.get('/staff/detail').then(res => {
if (res.code === 200) {
this.userInfo = res.data
this.$store.commit('refreshUserInfo', this.userInfo)
} else {
this.toast(res.message)
}
}) })
}, },
getImg() { getImg() {
...@@ -36,6 +106,152 @@ ...@@ -36,6 +106,152 @@
} }
</script> </script>
<style lang="scss"> <style lang="scss" scoped>
.container {
width: 100%;
height: 100%;
background-color: #F5F5F5;
position: fixed;
top: 0;
left: 0;
.mine-header {
width: 100%;
height: 392rpx;
display: flex;
flex-direction: column;
background-image: url(../../static/mine-bg.png);
background-size: 100% 100%;
.header-top {
top: 0;
position: sticky;
z-index: 999;
.nav-bar {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
.person-center {
color: #ffffff;
font-size: 36upx;
text-align: center;
flex: 0.8;
}
}
}
.user-info {
margin: 30rpx auto 0;
// height: 312rpx;
padding-bottom: 34rpx;
width: 700rpx;
border-radius: 16rpx;
background-color: #FFFFFF;
.top {
display: flex;
position: relative;
height: 174rpx;
.avator {
margin-top: 30rpx;
margin-left: 30rpx;
height: 110rpx;
width: 110rpx;
border-radius: 110rpx;
}
.info {
margin-top: 50rpx;
margin-left: 20rpx;
width: 380rpx;
.name {
font-size: 32rpx;
color: #333333;
font-weight: bolder;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.shop {
margin-top: 20rpx;
font-size: 24rpx;
color: #999999;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
}
.select-acccount {
top: 54rpx;
position: absolute;
right: 0;
width: 160rpx;
height: 50rpx;
display: flex;
justify-content: center;
align-items: center;
font-size: 24rpx;
color: #FFFFFF;
background-color: #FF7272;
border-radius: 25rpx 0 0 25rpx;
.img {
margin-left: 14rpx;
height: 20rpx;
width: 12rpx;
}
}
}
.user-integral {
margin: 0 70rpx;
display: flex;
justify-content: space-between;
border-top: 2rpx solid #F5F5F5;
.item {
text-align: center;
margin-top: 34rpx;
.num {
font-size: 36rpx;
color: #333333;
font-weight: bolder;
}
.bottom {
margin-top: 16rpx;
font-size: 24rpx;
color: #666666;
}
}
}
}
}
.bottom-setting {
margin: 30rpx 25rpx;
border-radius: 16rpx;
background-color: #FFFFFF;
.last-item {
border: none;
}
.item {
display: flex;
padding: 26rpx 30rpx;
align-items: center;
justify-content: space-between;
border-bottom: 2rpx solid#F5F5F5;
.left {
display: flex;
align-items: center;
.left-img {
height: 56rpx;
width: 56rpx;
display: block;
}
.title {
margin-left: 30rpx;
font-size: 30rpx;
color: #333333;
}
}
.right-arrow {
height: 20rpx;
width: 12rpx;
display: block;
}
}
}
}
</style> </style>
...@@ -98,10 +98,10 @@ ...@@ -98,10 +98,10 @@
this.toast('请输入验证码') this.toast('请输入验证码')
return return
} }
this.loading.showLoading('登录中...') this.loading.loadingShow('登录中...')
let params = {'authType':'code','authAccount':this.phone,'authPasswd':this.code, 'resetToken':'not'} let params = {'authType':'code','authAccount':this.phone,'authPasswd':this.code, 'resetToken':'not'}
this.$net.post('/auth/authorization', params).then(res => { this.$net.post('/auth/authorization', params).then(res => {
this.loading.hideLoading() this.loading.loadingHide()
if (res.code === 200) { if (res.code === 200) {
this.$net.tokenSave(res.data.token || '') this.$net.tokenSave(res.data.token || '')
if (res.date&&res.date.list) { if (res.date&&res.date.list) {
...@@ -115,10 +115,10 @@ ...@@ -115,10 +115,10 @@
}, },
liteLogin(liteCode) { liteLogin(liteCode) {
this.showGetPhoneBtn = false this.showGetPhoneBtn = false
this.loading.showLoading('登录中...') this.loading.loadingShow('登录中...')
let params = {'authType':'lite','authAccount':liteCode, 'resetToken':'not'} let params = {'authType':'lite','authAccount':liteCode, 'resetToken':'not'}
this.$net.post('/auth/authorization', params).then(res => { this.$net.post('/auth/authorization', params).then(res => {
this.loading.hideLoading() this.loading.loadingHide()
if (res.code === 200) { if (res.code === 200) {
this.$net.tokenSave(res.data.token || '') this.$net.tokenSave(res.data.token || '')
if (res.date&&res.date.list) { if (res.date&&res.date.list) {
......
...@@ -9,11 +9,17 @@ const store = new Vuex.Store({ ...@@ -9,11 +9,17 @@ const store = new Vuex.Store({
import { createStore } from 'vuex' import { createStore } from 'vuex'
const store = createStore({ const store = createStore({
// #endif // #endif
state: { state: {
isLogin: false,
userInfo: {}
}, },
mutations: { mutations: {
refreshUserLogin(state, isLogin) {
state.isLogin = isLogin
},
refreshUserInfo(state, info) {
state.userInfo = info
},
}, },
getters: { getters: {
......
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -48,5 +48,6 @@ ...@@ -48,5 +48,6 @@
] ]
} }
}, },
"usingComponents": {} "usingComponents": {},
"sitemapLocation": "sitemap.json"
} }
\ No newline at end of file
...@@ -12,8 +12,8 @@ var _net = _interopRequireDefault(__webpack_require__(/*! ./common/net.js */ 12) ...@@ -12,8 +12,8 @@ var _net = _interopRequireDefault(__webpack_require__(/*! ./common/net.js */ 12)
var _index = _interopRequireDefault(__webpack_require__(/*! ./store/index.js */ 13)); var _index = _interopRequireDefault(__webpack_require__(/*! ./store/index.js */ 13));
var _numUtil = _interopRequireDefault(__webpack_require__(/*! ./common/numUtil.js */ 15)); var _numUtil = _interopRequireDefault(__webpack_require__(/*! ./common/numUtil.js */ 15));
var _router = _interopRequireDefault(__webpack_require__(/*! ./router/router.js */ 16)); var _router = _interopRequireDefault(__webpack_require__(/*! ./router/router.js */ 16));
var _toast = _interopRequireDefault(__webpack_require__(/*! ./common/toast.js */ 66)); var _toast = _interopRequireDefault(__webpack_require__(/*! ./common/toast.js */ 17));
var _loading = _interopRequireDefault(__webpack_require__(/*! ./common/loading.js */ 76)); var _loading = _interopRequireDefault(__webpack_require__(/*! ./common/loading.js */ 18));
var _vue = _interopRequireDefault(__webpack_require__(/*! vue */ 3));function _interopRequireDefault(obj) {return obj && obj.__esModule ? obj : { default: obj };}function ownKeys(object, enumerableOnly) {var keys = Object.keys(object);if (Object.getOwnPropertySymbols) {var symbols = Object.getOwnPropertySymbols(object);if (enumerableOnly) symbols = symbols.filter(function (sym) {return Object.getOwnPropertyDescriptor(object, sym).enumerable;});keys.push.apply(keys, symbols);}return keys;}function _objectSpread(target) {for (var i = 1; i < arguments.length; i++) {var source = arguments[i] != null ? arguments[i] : {};if (i % 2) {ownKeys(Object(source), true).forEach(function (key) {_defineProperty(target, key, source[key]);});} else if (Object.getOwnPropertyDescriptors) {Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));} else {ownKeys(Object(source)).forEach(function (key) {Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));});}}return target;}function _defineProperty(obj, key, value) {if (key in obj) {Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true });} else {obj[key] = value;}return obj;}wx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__; var _vue = _interopRequireDefault(__webpack_require__(/*! vue */ 3));function _interopRequireDefault(obj) {return obj && obj.__esModule ? obj : { default: obj };}function ownKeys(object, enumerableOnly) {var keys = Object.keys(object);if (Object.getOwnPropertySymbols) {var symbols = Object.getOwnPropertySymbols(object);if (enumerableOnly) symbols = symbols.filter(function (sym) {return Object.getOwnPropertyDescriptor(object, sym).enumerable;});keys.push.apply(keys, symbols);}return keys;}function _objectSpread(target) {for (var i = 1; i < arguments.length; i++) {var source = arguments[i] != null ? arguments[i] : {};if (i % 2) {ownKeys(Object(source), true).forEach(function (key) {_defineProperty(target, key, source[key]);});} else if (Object.getOwnPropertyDescriptors) {Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));} else {ownKeys(Object(source)).forEach(function (key) {Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));});}}return target;}function _defineProperty(obj, key, value) {if (key in obj) {Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true });} else {obj[key] = value;}return obj;}wx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;
...@@ -98,10 +98,25 @@ __webpack_require__.r(__webpack_exports__); ...@@ -98,10 +98,25 @@ __webpack_require__.r(__webpack_exports__);
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
"use strict"; "use strict";
Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _default = /* WEBPACK VAR INJECTION */(function(uni) {Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;
var _vue = _interopRequireDefault(__webpack_require__(/*! vue */ 3));function _interopRequireDefault(obj) {return obj && obj.__esModule ? obj : { default: obj };}var _default =
{ {
onLaunch: function onLaunch() { onLaunch: function onLaunch() {
console.log('App Launch'); console.log('App Launch');
var that = this;
uni.getSystemInfo({
success: function success(e) {
_vue.default.prototype.StatusBarHeight = e.statusBarHeight;
var custom = uni.getMenuButtonBoundingClientRect();
_vue.default.prototype.Custom = custom;
_vue.default.prototype.CustomBarHeight = custom.height + (custom.top - e.statusBarHeight) * 2;
_vue.default.prototype.BarPadding = custom.top;
_vue.default.prototype.SafeAreaBottom = e.safeAreaInsets.top > 20 && e.platform != 'android' ? 28 : 0;
_vue.default.prototype.LRScreenWidth = e.screenWidth;
_vue.default.prototype.LRScreenHeight = e.screenHeight;
} });
uni.hideShareMenu({});
}, },
onShow: function onShow() { onShow: function onShow() {
console.log('App Show'); console.log('App Show');
...@@ -109,6 +124,7 @@ Object.defineProperty(exports, "__esModule", { value: true });exports.default = ...@@ -109,6 +124,7 @@ Object.defineProperty(exports, "__esModule", { value: true });exports.default =
onHide: function onHide() { onHide: function onHide() {
console.log('App Hide'); console.log('App Hide');
} };exports.default = _default; } };exports.default = _default;
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js */ 1)["default"]))
/***/ }), /***/ }),
/* 9 */ /* 9 */
......
...@@ -13,5 +13,20 @@ ...@@ -13,5 +13,20 @@
/*每个页面公共css */ /*每个页面公共css */
...@@ -2422,11 +2422,17 @@ var store = new _vuex.default.Store({ ...@@ -2422,11 +2422,17 @@ var store = new _vuex.default.Store({
state: {}, state: {
isLogin: false,
userInfo: {} },
mutations: {},
mutations: {
refreshUserLogin: function refreshUserLogin(state, isLogin) {
state.isLogin = isLogin;
},
refreshUserInfo: function refreshUserInfo(state, info) {
state.userInfo = info;
} },
getters: {}, getters: {},
...@@ -3935,6 +3941,51 @@ function getQueryVariable(url, key) { ...@@ -3935,6 +3941,51 @@ function getQueryVariable(url, key) {
/***/ }), /***/ }),
/***/ 17:
/*!*****************************************************************!*\
!*** /Users/wangjian/Desktop/HBuilder/FuLiMini/common/toast.js ***!
\*****************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(uni) {Object.defineProperty(exports, "__esModule", { value: true });exports.default = toast;function toast(text, time) {
uni.showToast({
icon: 'none',
title: text || '',
duration: time || 1500 });
}
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js */ 1)["default"]))
/***/ }),
/***/ 18:
/*!*******************************************************************!*\
!*** /Users/wangjian/Desktop/HBuilder/FuLiMini/common/loading.js ***!
\*******************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(uni) {Object.defineProperty(exports, "__esModule", { value: true });exports.loadingShow = loadingShow;exports.loadingHide = loadingHide;exports.default = void 0;function loadingShow(title) {
uni.showLoading({
mask: true,
title: title || '加载中...' });
}
function loadingHide() {
uni.hideLoading();
}var _default =
{
loadingShow: loadingShow,
loadingHide: loadingHide };exports.default = _default;
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js */ 1)["default"]))
/***/ }),
/***/ 2: /***/ 2:
/*!***********************************!*\ /*!***********************************!*\
!*** (webpack)/buildin/global.js ***! !*** (webpack)/buildin/global.js ***!
...@@ -10493,7 +10544,7 @@ function resolveLocaleChain(locale) { ...@@ -10493,7 +10544,7 @@ function resolveLocaleChain(locale) {
/***/ }), /***/ }),
/***/ 53: /***/ 68:
/*!******************************************************************************************************************!*\ /*!******************************************************************************************************************!*\
!*** /Users/wangjian/Desktop/HBuilder/FuLiMini/uni_modules/uni-load-more/components/uni-load-more/i18n/index.js ***! !*** /Users/wangjian/Desktop/HBuilder/FuLiMini/uni_modules/uni-load-more/components/uni-load-more/i18n/index.js ***!
\******************************************************************************************************************/ \******************************************************************************************************************/
...@@ -10501,9 +10552,9 @@ function resolveLocaleChain(locale) { ...@@ -10501,9 +10552,9 @@ function resolveLocaleChain(locale) {
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
"use strict"; "use strict";
Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _en = _interopRequireDefault(__webpack_require__(/*! ./en.json */ 54)); Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _en = _interopRequireDefault(__webpack_require__(/*! ./en.json */ 69));
var _zhHans = _interopRequireDefault(__webpack_require__(/*! ./zh-Hans.json */ 55)); var _zhHans = _interopRequireDefault(__webpack_require__(/*! ./zh-Hans.json */ 70));
var _zhHant = _interopRequireDefault(__webpack_require__(/*! ./zh-Hant.json */ 56));function _interopRequireDefault(obj) {return obj && obj.__esModule ? obj : { default: obj };}var _default = var _zhHant = _interopRequireDefault(__webpack_require__(/*! ./zh-Hant.json */ 71));function _interopRequireDefault(obj) {return obj && obj.__esModule ? obj : { default: obj };}var _default =
{ {
en: _en.default, en: _en.default,
'zh-Hans': _zhHans.default, 'zh-Hans': _zhHans.default,
...@@ -10511,7 +10562,7 @@ var _zhHant = _interopRequireDefault(__webpack_require__(/*! ./zh-Hant.json */ 5 ...@@ -10511,7 +10562,7 @@ var _zhHant = _interopRequireDefault(__webpack_require__(/*! ./zh-Hant.json */ 5
/***/ }), /***/ }),
/***/ 54: /***/ 69:
/*!*****************************************************************************************************************!*\ /*!*****************************************************************************************************************!*\
!*** /Users/wangjian/Desktop/HBuilder/FuLiMini/uni_modules/uni-load-more/components/uni-load-more/i18n/en.json ***! !*** /Users/wangjian/Desktop/HBuilder/FuLiMini/uni_modules/uni-load-more/components/uni-load-more/i18n/en.json ***!
\*****************************************************************************************************************/ \*****************************************************************************************************************/
...@@ -10522,7 +10573,7 @@ module.exports = JSON.parse("{\"uni-load-more.contentdown\":\"下拉加载更多 ...@@ -10522,7 +10573,7 @@ module.exports = JSON.parse("{\"uni-load-more.contentdown\":\"下拉加载更多
/***/ }), /***/ }),
/***/ 55: /***/ 70:
/*!**********************************************************************************************************************!*\ /*!**********************************************************************************************************************!*\
!*** /Users/wangjian/Desktop/HBuilder/FuLiMini/uni_modules/uni-load-more/components/uni-load-more/i18n/zh-Hans.json ***! !*** /Users/wangjian/Desktop/HBuilder/FuLiMini/uni_modules/uni-load-more/components/uni-load-more/i18n/zh-Hans.json ***!
\**********************************************************************************************************************/ \**********************************************************************************************************************/
...@@ -10533,7 +10584,7 @@ module.exports = JSON.parse("{\"uni-load-more.contentdown\":\"上拉显示更多 ...@@ -10533,7 +10584,7 @@ module.exports = JSON.parse("{\"uni-load-more.contentdown\":\"上拉显示更多
/***/ }), /***/ }),
/***/ 56: /***/ 71:
/*!**********************************************************************************************************************!*\ /*!**********************************************************************************************************************!*\
!*** /Users/wangjian/Desktop/HBuilder/FuLiMini/uni_modules/uni-load-more/components/uni-load-more/i18n/zh-Hant.json ***! !*** /Users/wangjian/Desktop/HBuilder/FuLiMini/uni_modules/uni-load-more/components/uni-load-more/i18n/zh-Hant.json ***!
\**********************************************************************************************************************/ \**********************************************************************************************************************/
...@@ -10542,51 +10593,6 @@ module.exports = JSON.parse("{\"uni-load-more.contentdown\":\"上拉显示更多 ...@@ -10542,51 +10593,6 @@ module.exports = JSON.parse("{\"uni-load-more.contentdown\":\"上拉显示更多
module.exports = JSON.parse("{\"uni-load-more.contentdown\":\"上拉顯示更多\",\"uni-load-more.contentrefresh\":\"正在加載...\",\"uni-load-more.contentnomore\":\"沒有更多數據了\"}"); module.exports = JSON.parse("{\"uni-load-more.contentdown\":\"上拉顯示更多\",\"uni-load-more.contentrefresh\":\"正在加載...\",\"uni-load-more.contentnomore\":\"沒有更多數據了\"}");
/***/ }),
/***/ 66:
/*!*****************************************************************!*\
!*** /Users/wangjian/Desktop/HBuilder/FuLiMini/common/toast.js ***!
\*****************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(uni) {Object.defineProperty(exports, "__esModule", { value: true });exports.default = toast;function toast(text, time) {
uni.showToast({
icon: 'none',
title: text || '',
duration: time || 1500 });
}
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js */ 1)["default"]))
/***/ }),
/***/ 76:
/*!*******************************************************************!*\
!*** /Users/wangjian/Desktop/HBuilder/FuLiMini/common/loading.js ***!
\*******************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(uni) {Object.defineProperty(exports, "__esModule", { value: true });exports.loadingShow = loadingShow;exports.loadingHide = loadingHide;exports.default = void 0;function loadingShow(title) {
uni.showLoading({
mask: true,
title: title || '加载中...' });
}
function loadingHide() {
uni.hideLoading();
}var _default =
{
loadingShow: loadingShow,
loadingHide: loadingHide };exports.default = _default;
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js */ 1)["default"]))
/***/ }) /***/ })
}]); }]);
......
@charset "UTF-8";
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.picker-view.data-v-92bb8f34 {
width: 100%;
height: 400rpx;
}
{ {
"navigationBarTitleText": "", "navigationBarTitleText": "",
"enablePullDownRefresh": false, "enablePullDownRefresh": false,
"navigationStyle": "custom",
"backgroundColor": "#F5F5F5",
"usingComponents": {} "usingComponents": {}
} }
\ No newline at end of file
<view></view> <view class="container data-v-dcbcfe34"><view class="mine-header data-v-dcbcfe34"><view class="header-top data-v-dcbcfe34"><view class="nav-bar data-v-dcbcfe34" style="{{'height:'+(height+'px')+';'+('padding-top:'+(statusBarHeight+'px')+';')}}"><text class="person-center data-v-dcbcfe34">我的</text></view><view class="user-info data-v-dcbcfe34"><view class="top data-v-dcbcfe34"><image class="avator data-v-dcbcfe34" src="{{userInfo.avatar}}" mode></image><view class="info data-v-dcbcfe34"><view class="name data-v-dcbcfe34">{{userInfo.staffName}}</view><view class="shop data-v-dcbcfe34">{{userInfo.staffName}}</view></view><view class="select-acccount data-v-dcbcfe34">切换行号<image class="img data-v-dcbcfe34" src="../../static/arrow-right-w.png" mode></image></view></view><view class="line data-v-dcbcfe34"></view><view class="user-integral data-v-dcbcfe34"><view class="item data-v-dcbcfe34"><view class="num data-v-dcbcfe34">3000</view><view class="bottom data-v-dcbcfe34">累计积分</view></view><view class="item data-v-dcbcfe34"><view class="num data-v-dcbcfe34">3000</view><view class="bottom data-v-dcbcfe34">当前积分</view></view><view class="item data-v-dcbcfe34"><view class="num data-v-dcbcfe34">3000</view><view class="bottom data-v-dcbcfe34">消费积分</view></view></view></view></view><view class="bottom-setting data-v-dcbcfe34"><view class="item data-v-dcbcfe34"><view class="left data-v-dcbcfe34"><image class="left-img data-v-dcbcfe34" src="../../static/coupon.png" mode></image><view class="title data-v-dcbcfe34">卡片回收</view></view><image class="right-arrow data-v-dcbcfe34" src="../../static/arrow-right.png" mode></image></view><view class="item data-v-dcbcfe34"><view class="left data-v-dcbcfe34"><image class="left-img data-v-dcbcfe34" src="../../static/integral.png" mode></image><view class="title data-v-dcbcfe34">积分明细</view></view><image class="right-arrow data-v-dcbcfe34" src="../../static/arrow-right.png" mode></image></view><view class="item data-v-dcbcfe34"><view class="left data-v-dcbcfe34"><image class="left-img data-v-dcbcfe34" src="../../static/customer.png" mode></image><view class="title data-v-dcbcfe34">联系客服</view></view><image class="right-arrow data-v-dcbcfe34" src="../../static/arrow-right.png" mode></image></view><view class="item last-item data-v-dcbcfe34"><view class="left data-v-dcbcfe34"><image class="left-img data-v-dcbcfe34" src="../../static/setting.png" mode></image><view class="title data-v-dcbcfe34">设置</view></view><image class="right-arrow data-v-dcbcfe34" src="../../static/arrow-right.png" mode></image></view></view></view></view>
\ No newline at end of file \ No newline at end of file
...@@ -5,7 +5,41 @@ ...@@ -5,7 +5,41 @@
}, },
"setting": { "setting": {
"urlCheck": false, "urlCheck": false,
"minified": true "es6": true,
"enhance": true,
"postcss": true,
"preloadBackgroundData": false,
"minified": true,
"newFeature": false,
"coverView": true,
"nodeModules": false,
"autoAudits": false,
"showShadowRootInWxmlPanel": true,
"scopeDataCheck": false,
"uglifyFileName": false,
"checkInvalidKey": true,
"checkSiteMap": true,
"uploadWithSourceMap": true,
"compileHotReLoad": false,
"lazyloadPlaceholderEnable": false,
"useMultiFrameRuntime": true,
"useApiHook": true,
"useApiHostProcess": true,
"babelSetting": {
"ignore": [],
"disablePlugins": [],
"outputPath": ""
},
"useIsolateContext": true,
"userConfirmedBundleSwitch": false,
"packNpmManually": false,
"packNpmRelationList": [],
"minifyWXSS": true,
"disableUseStrict": false,
"minifyWXML": true,
"showES6CompileOption": false,
"useCompilerPlugins": false,
"ignoreUploadUnusedFiles": true
}, },
"compileType": "miniprogram", "compileType": "miniprogram",
"libVersion": "", "libVersion": "",
...@@ -13,19 +47,15 @@ ...@@ -13,19 +47,15 @@
"projectname": "FuLiMini", "projectname": "FuLiMini",
"condition": { "condition": {
"search": { "search": {
"current": -1,
"list": [] "list": []
}, },
"conversation": { "conversation": {
"current": -1,
"list": [] "list": []
}, },
"game": { "game": {
"current": -1,
"list": [] "list": []
}, },
"miniprogram": { "miniprogram": {
"current": -1,
"list": [] "list": []
} }
} }
......
<view data-event-opts="{{[['tap',[['choiceDate',['$0'],['weeks']]]],['mouseenter',[['handleMousemove',['$0'],['weeks']]]]]}}" class="{{['uni-calendar-item__weeks-box',(weeks.disable)?'uni-calendar-item--disable':'',(weeks.beforeMultiple)?'uni-calendar-item--before-checked-x':'',(weeks.multiple)?'uni-calendar-item--multiple':'',(weeks.afterMultiple)?'uni-calendar-item--after-checked-x':'']}}" bindtap="__e" bindmouseenter="__e"><view class="{{['uni-calendar-item__weeks-box-item',(calendar.fullDate===weeks.fullDate&&(calendar.userChecked||!checkHover))?'uni-calendar-item--checked':'',(checkHover)?'uni-calendar-item--checked-range-text':'',(weeks.beforeMultiple)?'uni-calendar-item--before-checked':'',(weeks.multiple)?'uni-calendar-item--multiple':'',(weeks.afterMultiple)?'uni-calendar-item--after-checked':'',(weeks.disable)?'uni-calendar-item--disable':'']}}"><block wx:if="{{selected&&weeks.extraInfo}}"><text class="uni-calendar-item__weeks-box-circle"></text></block><text class="uni-calendar-item__weeks-box-text uni-calendar-item__weeks-box-text-disable uni-calendar-item--checked-text">{{weeks.date}}</text></view><view class="{{[(weeks.isDay)?'uni-calendar-item--isDay':'']}}"></view></view>
\ No newline at end of file
@charset "UTF-8";
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.uni-calendar-item__weeks-box {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 1px 0;
position: relative;
}
.uni-calendar-item__weeks-box-text {
font-size: 14px;
font-weight: bold;
color: #455997;
}
.uni-calendar-item__weeks-lunar-text {
font-size: 12px;
color: #333;
}
.uni-calendar-item__weeks-box-item {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
}
.uni-calendar-item__weeks-box-circle {
position: absolute;
top: 5px;
right: 5px;
width: 8px;
height: 8px;
border-radius: 8px;
background-color: #dd524d;
}
.uni-calendar-item__weeks-box .uni-calendar-item--disable {
cursor: default;
}
.uni-calendar-item--disable .uni-calendar-item__weeks-box-text-disable {
color: #D1D1D1;
}
.uni-calendar-item--isDay {
position: absolute;
top: 10px;
right: 17%;
background-color: #dd524d;
width: 6px;
height: 6px;
border-radius: 50%;
}
.uni-calendar-item--extra {
color: #dd524d;
opacity: 0.8;
}
.uni-calendar-item__weeks-box .uni-calendar-item--checked {
background-color: #007aff;
border-radius: 50%;
box-sizing: border-box;
border: 3px solid #fff;
}
.uni-calendar-item--checked .uni-calendar-item--checked-text {
color: #fff;
}
.uni-calendar-item--multiple .uni-calendar-item--checked-range-text {
color: #333;
}
.uni-calendar-item--multiple {
background-color: #F6F7FC;
}
.uni-calendar-item--multiple .uni-calendar-item--before-checked,
.uni-calendar-item--multiple .uni-calendar-item--after-checked {
background-color: #409eff;
border-radius: 50%;
box-sizing: border-box;
border: 3px solid #F6F7FC;
}
.uni-calendar-item--before-checked .uni-calendar-item--checked-text,
.uni-calendar-item--after-checked .uni-calendar-item--checked-text {
color: #fff;
}
.uni-calendar-item--before-checked-x {
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
box-sizing: border-box;
background-color: #F6F7FC;
}
.uni-calendar-item--after-checked-x {
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
background-color: #F6F7FC;
}
{
"component": true,
"usingComponents": {
"uni-icons": "/uni_modules/uni-icons/components/uni-icons/uni-icons",
"calendar-item": "/uni_modules/uni-datetime-picker/components/uni-datetime-picker/calendar-item",
"time-picker": "/uni_modules/uni-datetime-picker/components/uni-datetime-picker/time-picker"
}
}
\ No newline at end of file
<view data-event-opts="{{[['mouseleave',[['leaveCale',['$event']]]]]}}" class="uni-calendar" bindmouseleave="__e"><block wx:if="{{!insert&&show}}"><view data-event-opts="{{[['tap',[['clean',['$event']]]]]}}" class="{{['uni-calendar__mask',(aniMaskShow)?'uni-calendar--mask-show':'']}}" bindtap="__e"></view></block><block wx:if="{{insert||show}}"><view class="{{['uni-calendar__content',(!insert)?'uni-calendar--fixed':'',(aniMaskShow)?'uni-calendar--ani-show':'',(aniMaskShow)?'uni-calendar__content-mobile':'']}}"><view class="{{['uni-calendar__header',(!insert)?'uni-calendar__header-mobile':'']}}"><block wx:if="{{left}}"><view data-event-opts="{{[['tap',[['pre',['$event']]]]]}}" class="uni-calendar__header-btn-box" catchtap="__e"><view class="uni-calendar__header-btn uni-calendar--left"></view></view></block><picker mode="date" value="{{date}}" fields="month" data-event-opts="{{[['change',[['bindDateChange',['$event']]]]]}}" bindchange="__e"><text class="uni-calendar__header-text">{{(nowDate.year||'')+' 年 '+(nowDate.month||'')+' 月'}}</text></picker><block wx:if="{{right}}"><view data-event-opts="{{[['tap',[['next',['$event']]]]]}}" class="uni-calendar__header-btn-box" catchtap="__e"><view class="uni-calendar__header-btn uni-calendar--right"></view></view></block><block wx:if="{{!insert}}"><view data-event-opts="{{[['tap',[['clean',['$event']]]]]}}" class="dialog-close" bindtap="__e"><view class="dialog-close-plus" data-id="close"></view><view class="dialog-close-plus dialog-close-rotate" data-id="close"></view></view></block></view><view class="uni-calendar__box"><block wx:if="{{showMonth}}"><view class="uni-calendar__box-bg"><text class="uni-calendar__box-bg-text">{{nowDate.month}}</text></view></block><view class="uni-calendar__weeks" style="padding-bottom:7px;"><view class="uni-calendar__weeks-day"><text class="uni-calendar__weeks-day-text">{{SUNText}}</text></view><view class="uni-calendar__weeks-day"><text class="uni-calendar__weeks-day-text">{{monText}}</text></view><view class="uni-calendar__weeks-day"><text class="uni-calendar__weeks-day-text">{{TUEText}}</text></view><view class="uni-calendar__weeks-day"><text class="uni-calendar__weeks-day-text">{{WEDText}}</text></view><view class="uni-calendar__weeks-day"><text class="uni-calendar__weeks-day-text">{{THUText}}</text></view><view class="uni-calendar__weeks-day"><text class="uni-calendar__weeks-day-text">{{FRIText}}</text></view><view class="uni-calendar__weeks-day"><text class="uni-calendar__weeks-day-text">{{SATText}}</text></view></view><block wx:for="{{weeks}}" wx:for-item="item" wx:for-index="weekIndex" wx:key="weekIndex"><view class="uni-calendar__weeks"><block wx:for="{{item}}" wx:for-item="weeks" wx:for-index="weeksIndex" wx:key="weeksIndex"><view class="uni-calendar__weeks-item"><calendar-item class="uni-calendar-item--hook" vue-id="{{'031a06b8-1-'+weekIndex+'-'+weeksIndex}}" weeks="{{weeks}}" calendar="{{calendar}}" selected="{{selected}}" lunar="{{lunar}}" checkHover="{{range}}" data-event-opts="{{[['^change',[['choiceDate']]],['^handleMouse',[['handleMouse']]]]}}" bind:change="__e" bind:handleMouse="__e" bind:__l="__l"></calendar-item></view></block></view></block></view><block wx:if="{{!insert&&!range&&typeHasTime}}"><view class="uni-date-changed uni-calendar--fixed-top" style="padding:0 80px;"><view class="uni-date-changed--time-date">{{tempSingleDate?tempSingleDate:selectDateText}}</view><time-picker bind:input="__e" class="time-picker-style" vue-id="031a06b8-2" type="time" start="{{reactStartTime}}" end="{{reactEndTime}}" disabled="{{!tempSingleDate}}" border="{{false}}" hide-second="{{hideSecond}}" value="{{time}}" data-event-opts="{{[['^input',[['__set_model',['','time','$event',[]]]]]]}}" bind:__l="__l"></time-picker></view></block><block wx:if="{{!insert&&range&&typeHasTime}}"><view class="uni-date-changed uni-calendar--fixed-top"><view class="uni-date-changed--time-start"><view class="uni-date-changed--time-date">{{(tempRange.before?tempRange.before:startDateText)+''}}</view><time-picker bind:input="__e" class="time-picker-style" vue-id="031a06b8-3" type="time" start="{{reactStartTime}}" border="{{false}}" hide-second="{{hideSecond}}" disabled="{{!tempRange.before}}" value="{{timeRange.startTime}}" data-event-opts="{{[['^input',[['__set_model',['$0','startTime','$event',[]],['timeRange']]]]]}}" bind:__l="__l"></time-picker></view><uni-icons style="line-height:50px;" vue-id="031a06b8-4" type="arrowthinright" color="#999" bind:__l="__l"></uni-icons><view class="uni-date-changed--time-end"><view class="uni-date-changed--time-date">{{tempRange.after?tempRange.after:endDateText}}</view><time-picker bind:input="__e" class="time-picker-style" vue-id="031a06b8-5" type="time" end="{{reactEndTime}}" border="{{false}}" hide-second="{{hideSecond}}" disabled="{{!tempRange.after}}" value="{{timeRange.endTime}}" data-event-opts="{{[['^input',[['__set_model',['$0','endTime','$event',[]],['timeRange']]]]]}}" bind:__l="__l"></time-picker></view></view></block><block wx:if="{{!insert}}"><view class="uni-date-changed uni-date-btn--ok"><view data-event-opts="{{[['tap',[['confirm',['$event']]]]]}}" class="uni-datetime-picker--btn" bindtap="__e">确认</view></view></block></view></block></view>
\ No newline at end of file
@charset "UTF-8";
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.uni-calendar {
display: flex;
flex-direction: column;
}
.uni-calendar__mask {
position: fixed;
bottom: 0;
top: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.4);
transition-property: opacity;
transition-duration: 0.3s;
opacity: 0;
z-index: 99;
}
.uni-calendar--mask-show {
opacity: 1;
}
.uni-calendar--fixed {
position: fixed;
bottom: calc(0px);
left: 0;
right: 0;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-duration: 0.3s;
-webkit-transform: translateY(460px);
transform: translateY(460px);
z-index: 99;
}
.uni-calendar--ani-show {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.uni-calendar__content {
background-color: #fff;
}
.uni-calendar__content-mobile {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
}
.uni-calendar__header {
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
height: 50px;
}
.uni-calendar__header-mobile {
padding: 10px;
padding-bottom: 0;
}
.uni-calendar--fixed-top {
display: flex;
flex-direction: row;
justify-content: space-between;
border-top-color: rgba(0, 0, 0, 0.4);
border-top-style: solid;
border-top-width: 1px;
}
.uni-calendar--fixed-width {
width: 50px;
}
.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: #fff;
background-color: #f1f1f1;
}
.uni-calendar__header-text {
text-align: center;
width: 100px;
font-size: 15px;
color: #666;
}
.uni-calendar__button-text {
text-align: center;
width: 100px;
font-size: 14px;
color: #007aff;
letter-spacing: 3px;
}
.uni-calendar__header-btn-box {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
}
.uni-calendar__header-btn {
width: 9px;
height: 9px;
border-left-color: #808080;
border-left-style: solid;
border-left-width: 1px;
border-top-color: #555555;
border-top-style: solid;
border-top-width: 1px;
}
.uni-calendar--left {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.uni-calendar--right {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.uni-calendar__weeks {
position: relative;
display: flex;
flex-direction: row;
}
.uni-calendar__weeks-item {
flex: 1;
}
.uni-calendar__weeks-day {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 40px;
border-bottom-color: #F5F5F5;
border-bottom-style: solid;
border-bottom-width: 1px;
}
.uni-calendar__weeks-day-text {
font-size: 12px;
color: #B2B2B2;
}
.uni-calendar__box {
position: relative;
padding-bottom: 7px;
}
.uni-calendar__box-bg {
display: flex;
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: #999;
opacity: 0.1;
text-align: center;
line-height: 1;
}
.uni-date-changed {
padding: 0 10px;
text-align: center;
color: #333;
border-top-color: #DCDCDC;
border-top-style: solid;
border-top-width: 1px;
flex: 1;
}
.uni-date-btn--ok {
padding: 20px 15px;
}
.uni-date-changed--time-start {
display: flex;
align-items: center;
}
.uni-date-changed--time-end {
display: flex;
align-items: center;
}
.uni-date-changed--time-date {
color: #999;
line-height: 50px;
margin-right: 5px;
}
.time-picker-style {
display: flex;
justify-content: center;
align-items: center;
}
.mr-10 {
margin-right: 10px;
}
.dialog-close {
position: absolute;
top: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: row;
align-items: center;
padding: 0 25px;
margin-top: 10px;
}
.dialog-close-plus {
width: 16px;
height: 2px;
background-color: #737987;
border-radius: 2px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.dialog-close-rotate {
position: absolute;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.uni-datetime-picker--btn {
border-radius: 100px;
height: 40px;
line-height: 40px;
background-color: #007aff;
color: #fff;
font-size: 16px;
letter-spacing: 5px;
}
.uni-datetime-picker--btn:active {
opacity: 0.7;
}
<view class="uni-datetime-picker"><view data-event-opts="{{[['tap',[['initTimePicker',['$event']]]]]}}" bindtap="__e"><block wx:if="{{$slots.default}}"><slot></slot></block><block wx:else><view class="{{['uni-datetime-picker-timebox-pointer',(disabled)?'uni-datetime-picker-disabled':'',(border)?'uni-datetime-picker-timebox':'']}}"><text class="uni-datetime-picker-text">{{time}}</text><block wx:if="{{!time}}"><view class="uni-datetime-picker-time"><text class="uni-datetime-picker-text">{{selectTimeText}}</text></view></block></view></block></view><block wx:if="{{visible}}"><view class="uni-datetime-picker-mask" id="mask" data-event-opts="{{[['tap',[['tiggerTimePicker',['$event']]]]]}}" bindtap="__e"></view></block><block wx:if="{{visible}}"><view class="{{['uni-datetime-picker-popup',dateShow&&timeShow?'':'fix-nvue-height']}}" style="{{(fixNvueBug)}}"><view class="uni-title"><text class="uni-datetime-picker-text">{{selectTimeText}}</text></view><block wx:if="{{dateShow}}"><view class="uni-datetime-picker__container-box"><picker-view class="uni-datetime-picker-view" indicator-style="{{indicatorStyle}}" value="{{ymd}}" data-event-opts="{{[['change',[['bindDateChange',['$event']]]]]}}" bindchange="__e"><picker-view-column><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="uni-datetime-picker-item"><text class="uni-datetime-picker-item">{{item.m0}}</text></view></block></picker-view-column><picker-view-column><block wx:for="{{$root.l1}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="uni-datetime-picker-item"><text class="uni-datetime-picker-item">{{item.m1}}</text></view></block></picker-view-column><picker-view-column><block wx:for="{{$root.l2}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="uni-datetime-picker-item"><text class="uni-datetime-picker-item">{{item.m2}}</text></view></block></picker-view-column></picker-view><text class="uni-datetime-picker-sign sign-left">-</text><text class="uni-datetime-picker-sign sign-right">-</text></view></block><block wx:if="{{timeShow}}"><view class="uni-datetime-picker__container-box"><picker-view class="{{['uni-datetime-picker-view',hideSecond?'time-hide-second':'']}}" indicator-style="{{indicatorStyle}}" value="{{hms}}" data-event-opts="{{[['change',[['bindTimeChange',['$event']]]]]}}" bindchange="__e"><picker-view-column><block wx:for="{{$root.l3}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="uni-datetime-picker-item"><text class="uni-datetime-picker-item">{{item.m3}}</text></view></block></picker-view-column><picker-view-column><block wx:for="{{$root.l4}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="uni-datetime-picker-item"><text class="uni-datetime-picker-item">{{item.m4}}</text></view></block></picker-view-column><block wx:if="{{!hideSecond}}"><picker-view-column><block wx:for="{{$root.l5}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="uni-datetime-picker-item"><text class="uni-datetime-picker-item">{{item.m5}}</text></view></block></picker-view-column></block></picker-view><text class="{{['uni-datetime-picker-sign',hideSecond?'sign-center':'sign-left']}}">:</text><block wx:if="{{!hideSecond}}"><text class="uni-datetime-picker-sign sign-right">:</text></block></view></block><view class="uni-datetime-picker-btn"><view data-event-opts="{{[['tap',[['clearTime',['$event']]]]]}}" bindtap="__e"><text class="uni-datetime-picker-btn-text">{{clearText}}</text></view><view class="uni-datetime-picker-btn-group"><view data-event-opts="{{[['tap',[['tiggerTimePicker',['$event']]]]]}}" class="uni-datetime-picker-cancel" bindtap="__e"><text class="uni-datetime-picker-btn-text">{{cancelText}}</text></view><view data-event-opts="{{[['tap',[['setTime',['$event']]]]]}}" bindtap="__e"><text class="uni-datetime-picker-btn-text">{{okText}}</text></view></view></view></view></block></view>
\ No newline at end of file
.uni-datetime-picker {
/* width: 100%; */
}
.uni-datetime-picker-view {
height: 130px;
width: 270px;
cursor: pointer;
}
.uni-datetime-picker-item {
height: 50px;
line-height: 50px;
text-align: center;
font-size: 14px;
}
.uni-datetime-picker-btn {
margin-top: 60px;
display: flex;
cursor: pointer;
flex-direction: row;
justify-content: space-between;
}
.uni-datetime-picker-btn-text {
font-size: 14px;
color: #007AFF;
}
.uni-datetime-picker-btn-group {
display: flex;
flex-direction: row;
}
.uni-datetime-picker-cancel {
margin-right: 30px;
}
.uni-datetime-picker-mask {
position: fixed;
bottom: 0px;
top: 0px;
left: 0px;
right: 0px;
background-color: rgba(0, 0, 0, 0.4);
transition-duration: 0.3s;
z-index: 998;
}
.uni-datetime-picker-popup {
border-radius: 8px;
padding: 30px;
width: 270px;
background-color: #fff;
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition-duration: 0.3s;
z-index: 999;
}
.fix-nvue-height {
}
.uni-datetime-picker-time {
color: grey;
}
.uni-datetime-picker-column {
height: 50px;
}
.uni-datetime-picker-timebox {
border: 1px solid #E5E5E5;
border-radius: 5px;
padding: 7px 10px;
box-sizing: border-box;
cursor: pointer;
}
.uni-datetime-picker-timebox-pointer {
cursor: pointer;
}
.uni-datetime-picker-disabled {
opacity: 0.4;
}
.uni-datetime-picker-text {
font-size: 14px;
}
.uni-datetime-picker-sign {
position: absolute;
top: 53px;
/* 减掉 10px 的元素高度,兼容nvue */
color: #999;
}
.sign-left {
left: 86px;
}
.sign-right {
right: 86px;
}
.sign-center {
left: 135px;
}
.uni-datetime-picker__container-box {
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-top: 40px;
}
.time-hide-second {
width: 180px;
}
{
"component": true,
"usingComponents": {
"uni-icons": "/uni_modules/uni-icons/components/uni-icons/uni-icons",
"calendar": "/uni_modules/uni-datetime-picker/components/uni-datetime-picker/calendar",
"time-picker": "/uni_modules/uni-datetime-picker/components/uni-datetime-picker/time-picker"
}
}
\ No newline at end of file
<view class="uni-date"><view data-event-opts="{{[['tap',[['show',['$event']]]]]}}" class="uni-date-editor" bindtap="__e"><block wx:if="{{$slots.default}}"><slot></slot></block><block wx:else><view class="{{['uni-date-editor--x',(disabled)?'uni-date-editor--x__disabled':'',(border)?'uni-date-x--border':'']}}"><block wx:if="{{!isRange}}"><view class="uni-date-x uni-date-single"><uni-icons vue-id="55cceed7-1" type="calendar" color="#e1e1e1" size="22" bind:__l="__l"></uni-icons><input class="uni-date__x-input" type="text" placeholder="{{singlePlaceholderText}}" disabled="{{true}}" data-event-opts="{{[['input',[['__set_model',['','singleVal','$event',[]]]]]]}}" value="{{singleVal}}" bindinput="__e"/></view></block><block wx:else><view class="uni-date-x uni-date-range"><uni-icons vue-id="55cceed7-2" type="calendar" color="#e1e1e1" size="22" bind:__l="__l"></uni-icons><input class="uni-date__x-input t-c" type="text" placeholder="{{startPlaceholderText}}" disabled="{{true}}" data-event-opts="{{[['input',[['__set_model',['$0','startDate','$event',[]],['range']]]]]}}" value="{{range.startDate}}" bindinput="__e"/><block wx:if="{{$slots.default}}"><slot></slot></block><block wx:else><view>{{rangeSeparator}}</view></block><input class="uni-date__x-input t-c" type="text" placeholder="{{endPlaceholderText}}" disabled="{{true}}" data-event-opts="{{[['input',[['__set_model',['$0','endDate','$event',[]],['range']]]]]}}" value="{{range.endDate}}" bindinput="__e"/></view></block><block wx:if="{{showClearIcon}}"><view data-event-opts="{{[['tap',[['clear',['$event']]]]]}}" class="uni-date__icon-clear" catchtap="__e"><uni-icons vue-id="55cceed7-3" type="clear" color="#e1e1e1" size="18" bind:__l="__l"></uni-icons></view></block></view></block></view><view data-event-opts="{{[['tap',[['close',['$event']]]]]}}" hidden="{{!(popup)}}" class="uni-date-mask" bindtap="__e"></view><block wx:if="{{!isPhone}}"><view data-ref="datePicker" hidden="{{!(popup)}}" class="uni-date-picker__container vue-ref"><block wx:if="{{!isRange}}"><view class="uni-date-single--x" style="{{(popover)}}"><view class="uni-popper__arrow"></view><block wx:if="{{hasTime}}"><view class="uni-date-changed popup-x-header"><input class="uni-date__input t-c" type="text" placeholder="{{selectDateText}}" data-event-opts="{{[['input',[['__set_model',['','tempSingleDate','$event',[]]]]]]}}" value="{{tempSingleDate}}" bindinput="__e"/><time-picker bind:input="__e" style="width:100%;" vue-id="55cceed7-4" type="time" border="{{false}}" disabled="{{!tempSingleDate}}" start="{{reactStartTime}}" end="{{reactEndTime}}" hideSecond="{{hideSecond}}" value="{{time}}" data-event-opts="{{[['^input',[['__set_model',['','time','$event',[]]]]]]}}" bind:__l="__l" vue-slots="{{['default']}}"><input class="uni-date__input t-c" type="text" placeholder="{{selectTimeText}}" disabled="{{!tempSingleDate}}" data-event-opts="{{[['input',[['__set_model',['','time','$event',[]]]]]]}}" value="{{time}}" bindinput="__e"/></time-picker></view></block><calendar class="vue-ref" style="padding:0 8px;" vue-id="55cceed7-5" showMonth="{{false}}" start-date="{{caleRange.startDate}}" end-date="{{caleRange.endDate}}" date="{{defSingleDate}}" data-ref="pcSingle" data-event-opts="{{[['^change',[['singleChange']]]]}}" bind:change="__e" bind:__l="__l"></calendar><block wx:if="{{hasTime}}"><view class="popup-x-footer"><text data-event-opts="{{[['tap',[['confirmSingleChange',['$event']]]]]}}" class="confirm" bindtap="__e">{{okText}}</text></view></block><view class="uni-date-popper__arrow"></view></view></block><block wx:else><view class="uni-date-range--x" style="{{(popover)}}"><view class="uni-popper__arrow"></view><block wx:if="{{hasTime}}"><view class="popup-x-header uni-date-changed"><view class="popup-x-header--datetime"><input class="uni-date__input uni-date-range__input" type="text" placeholder="{{startDateText}}" data-event-opts="{{[['input',[['__set_model',['$0','startDate','$event',[]],['tempRange']]]]]}}" value="{{tempRange.startDate}}" bindinput="__e"/><time-picker bind:input="__e" vue-id="55cceed7-6" type="time" start="{{reactStartTime}}" border="{{false}}" disabled="{{!tempRange.startDate}}" hideSecond="{{hideSecond}}" value="{{tempRange.startTime}}" data-event-opts="{{[['^input',[['__set_model',['$0','startTime','$event',[]],['tempRange']]]]]}}" bind:__l="__l" vue-slots="{{['default']}}"><input class="uni-date__input uni-date-range__input" type="text" placeholder="{{startTimeText}}" disabled="{{!tempRange.startDate}}" data-event-opts="{{[['input',[['__set_model',['$0','startTime','$event',[]],['tempRange']]]]]}}" value="{{tempRange.startTime}}" bindinput="__e"/></time-picker></view><uni-icons style="line-height:40px;" vue-id="55cceed7-7" type="arrowthinright" color="#999" bind:__l="__l"></uni-icons><view class="popup-x-header--datetime"><input class="uni-date__input uni-date-range__input" type="text" placeholder="{{endDateText}}" data-event-opts="{{[['input',[['__set_model',['$0','endDate','$event',[]],['tempRange']]]]]}}" value="{{tempRange.endDate}}" bindinput="__e"/><time-picker bind:input="__e" vue-id="55cceed7-8" type="time" end="{{reactEndTime}}" border="{{false}}" disabled="{{!tempRange.endDate}}" hideSecond="{{hideSecond}}" value="{{tempRange.endTime}}" data-event-opts="{{[['^input',[['__set_model',['$0','endTime','$event',[]],['tempRange']]]]]}}" bind:__l="__l" vue-slots="{{['default']}}"><input class="uni-date__input uni-date-range__input" type="text" placeholder="{{endTimeText}}" disabled="{{!tempRange.endDate}}" data-event-opts="{{[['input',[['__set_model',['$0','endTime','$event',[]],['tempRange']]]]]}}" value="{{tempRange.endTime}}" bindinput="__e"/></time-picker></view></view></block><view class="popup-x-body"><calendar class="vue-ref" style="padding:0 8px;" vue-id="55cceed7-9" showMonth="{{false}}" start-date="{{caleRange.startDate}}" end-date="{{caleRange.endDate}}" range="{{true}}" pleStatus="{{endMultipleStatus}}" data-ref="left" data-event-opts="{{[['^change',[['leftChange']]],['^firstEnterCale',[['updateRightCale']]],['^monthSwitch',[['leftMonthSwitch']]]]}}" bind:change="__e" bind:firstEnterCale="__e" bind:monthSwitch="__e" bind:__l="__l"></calendar><calendar class="vue-ref" style="padding:0 8px;border-left:1px solid #F1F1F1;" vue-id="55cceed7-10" showMonth="{{false}}" start-date="{{caleRange.startDate}}" end-date="{{caleRange.endDate}}" range="{{true}}" pleStatus="{{startMultipleStatus}}" data-ref="right" data-event-opts="{{[['^change',[['rightChange']]],['^firstEnterCale',[['updateLeftCale']]],['^monthSwitch',[['rightMonthSwitch']]]]}}" bind:change="__e" bind:firstEnterCale="__e" bind:monthSwitch="__e" bind:__l="__l"></calendar></view><block wx:if="{{hasTime}}"><view class="popup-x-footer"><text data-event-opts="{{[['tap',[['clear',['$event']]]]]}}" bindtap="__e">{{clearText}}</text><text data-event-opts="{{[['tap',[['confirmRangeChange',['$event']]]]]}}" class="confirm" bindtap="__e">{{okText}}</text></view></block></view></block></view></block><calendar class="vue-ref" data-custom-hidden="{{!(isPhone)}}" vue-id="55cceed7-11" clearDate="{{false}}" date="{{defSingleDate}}" defTime="{{reactMobDefTime}}" start-date="{{caleRange.startDate}}" end-date="{{caleRange.endDate}}" selectableTimes="{{mobSelectableTime}}" pleStatus="{{endMultipleStatus}}" showMonth="{{false}}" range="{{isRange}}" typeHasTime="{{hasTime}}" insert="{{false}}" hideSecond="{{hideSecond}}" data-ref="mobile" data-event-opts="{{[['^confirm',[['mobileChange']]]]}}" bind:confirm="__e" bind:__l="__l"></calendar></view>
\ No newline at end of file
.uni-date-x {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 0 10px;
border-radius: 4px;
background-color: #fff;
color: #666;
font-size: 14px;
}
.uni-date-x--border {
box-sizing: border-box;
border-radius: 4px;
border: 1px solid #dcdfe6;
}
.uni-date-editor--x {
position: relative;
}
.uni-date-editor--x .uni-date__icon-clear {
position: absolute;
top: 0;
right: 0;
display: inline-block;
box-sizing: border-box;
border: 9px solid transparent;
}
.uni-date__x-input {
padding: 0 8px;
height: 40px;
width: 100%;
line-height: 40px;
font-size: 14px;
}
.t-c {
text-align: center;
}
.uni-date__input {
height: 40px;
width: 100%;
line-height: 40px;
font-size: 14px;
}
.uni-date-range__input {
text-align: center;
max-width: 142px;
}
.uni-date-picker__container {
position: relative;
/* position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
box-sizing: border-box;
z-index: 996;
font-size: 14px; */
}
.uni-date-mask {
position: fixed;
bottom: 0px;
top: 0px;
left: 0px;
right: 0px;
background-color: rgba(0, 0, 0, 0);
transition-duration: 0.3s;
z-index: 996;
}
.uni-date-single--x {
/* padding: 0 8px; */
background-color: #fff;
position: absolute;
top: 0;
z-index: 999;
border: 1px solid #EBEEF5;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
border-radius: 4px;
}
.uni-date-range--x {
/* padding: 0 8px; */
background-color: #fff;
position: absolute;
top: 0;
z-index: 999;
border: 1px solid #EBEEF5;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
border-radius: 4px;
}
.uni-date-editor--x__disabled {
opacity: 0.4;
cursor: default;
}
.uni-date-editor--logo {
width: 16px;
height: 16px;
vertical-align: middle;
}
/* 添加时间 */
.popup-x-header {
display: flex;
flex-direction: row;
/* justify-content: space-between; */
}
.popup-x-header--datetime {
display: flex;
flex-direction: row;
flex: 1;
}
.popup-x-body {
display: flex;
}
.popup-x-footer {
padding: 0 15px;
border-top-color: #F1F1F1;
border-top-style: solid;
border-top-width: 1px;
/* background-color: #fff; */
line-height: 40px;
text-align: right;
color: #666;
}
.popup-x-footer text:hover {
color: #007aff;
cursor: pointer;
opacity: 0.8;
}
.popup-x-footer .confirm {
margin-left: 20px;
color: #007aff;
}
.uni-date-changed {
/* background-color: #fff; */
text-align: center;
color: #333;
border-bottom-color: #F1F1F1;
border-bottom-style: solid;
border-bottom-width: 1px;
/* padding: 0 50px; */
}
.uni-date-changed--time text {
/* padding: 0 20px; */
height: 50px;
line-height: 50px;
}
.uni-date-changed .uni-date-changed--time {
/* display: flex; */
flex: 1;
}
.uni-date-changed--time-date {
color: #333;
opacity: 0.6;
}
.mr-50 {
margin-right: 50px;
}
/* picker 弹出层通用的指示小三角, todo:扩展至上下左右方向定位 */
.uni-popper__arrow,
.uni-popper__arrow::after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 6px;
}
.uni-popper__arrow {
-webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
top: -6px;
left: 10%;
margin-right: 3px;
border-top-width: 0;
border-bottom-color: #EBEEF5;
}
.uni-popper__arrow::after {
content: " ";
top: 1px;
margin-left: -6px;
border-top-width: 0;
border-bottom-color: #fff;
}
{
"usingComponents": {},
"component": true
}
\ No newline at end of file
<text data-event-opts="{{[['tap',[['_onClick',['$event']]]]]}}" class="{{['uni-icons','uniui-'+type,customPrefix,customPrefix?type:'']}}" style="{{'color:'+(color)+';'+('font-size:'+(iconSize)+';')}}" bindtap="__e"></text>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment