vue-cli init
This commit is contained in:
+354
-9
@@ -1,17 +1,362 @@
|
||||
<script>
|
||||
import { audioManager } from '@/utils/audioManager'
|
||||
/**
|
||||
* Copyright (c) 2013-Now http://aidex.vip All rights reserved.
|
||||
*/
|
||||
|
||||
import util from '@/common/util.js';
|
||||
import md5 from '@/common/md5.js';
|
||||
export default {
|
||||
onLaunch: function() {
|
||||
console.log('App Launch')
|
||||
globalData: {
|
||||
AppName: '',
|
||||
LoginID: 0,
|
||||
EmployeeID: 0,
|
||||
LoginName: '',
|
||||
UserName: '',
|
||||
PlanDepartmentID: 0,
|
||||
PlanDepartmentName: '',
|
||||
StoreNameID: 0,
|
||||
StoreName: '',
|
||||
StoreTypeNo: '',
|
||||
IsSaleUserStatus: 0,
|
||||
Token: '',
|
||||
app_secret: '',
|
||||
},
|
||||
onShow: function() {
|
||||
console.log('App Show')
|
||||
},
|
||||
onHide: function() {
|
||||
console.log('App Hide')
|
||||
|
||||
onLaunch() {
|
||||
console.log('App Launch');
|
||||
|
||||
// 初始化音频管理器
|
||||
audioManager.init();
|
||||
// 初始化通知系统
|
||||
this.$store.dispatch('initNotification');
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
/*每个页面公共css */
|
||||
@import url("~@/static/iconfont/iconfont.css");
|
||||
</style>
|
||||
<style lang="scss">
|
||||
@import "uview-ui/index.scss";
|
||||
@import "pages/common/aidex.scss";
|
||||
|
||||
.slot-wrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex: 1;
|
||||
padding: 0 16rpx;
|
||||
}
|
||||
|
||||
.right-item {
|
||||
margin: 0 12rpx;
|
||||
position: absolute;
|
||||
right: 18rpx;
|
||||
color: #ffffff;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.textCenter {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 15px;
|
||||
color: #808080;
|
||||
margin-top: 88rpx;
|
||||
}
|
||||
|
||||
.h200 {
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.h100 {
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.mt32 {
|
||||
margin-top: 32rpx;
|
||||
}
|
||||
|
||||
.bgWhite {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.p26 {
|
||||
padding: 26rpx !important;
|
||||
}
|
||||
|
||||
.ptb20 {
|
||||
padding-top: 20rpx;
|
||||
padding-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.ptb10 {
|
||||
padding-top: 10rpx;
|
||||
padding-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.plr0 {
|
||||
padding-left: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
.flex-white-plr26 {
|
||||
background-color: #FFFFFF;
|
||||
padding-left: 26rpx;
|
||||
padding-right: 26rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.flex-white-plr26-column {
|
||||
background-color: #FFFFFF;
|
||||
padding-left: 26rpx;
|
||||
padding-right: 26rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.bdb_f5 {
|
||||
border-bottom: 1rpx solid #f5f5f5;
|
||||
}
|
||||
|
||||
.mr16 {
|
||||
margin-right: 16rpx;
|
||||
}
|
||||
|
||||
.mr26 {
|
||||
margin-right: 26rpx;
|
||||
}
|
||||
|
||||
.mlr26 {
|
||||
margin: 0 26rpx;
|
||||
}
|
||||
|
||||
.mtb32 {
|
||||
margin: 32rpx 0;
|
||||
}
|
||||
|
||||
.mr32 {
|
||||
margin-right: 32rpx;
|
||||
}
|
||||
|
||||
.ml26 {
|
||||
margin-left: 26rpx;
|
||||
}
|
||||
|
||||
.mb0 {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.pb0 {
|
||||
padding-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.redXingh {
|
||||
color: #FF0000;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.bluecolor {
|
||||
color: #0000FF;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.udropdown {
|
||||
background-color: #FFFFFF;
|
||||
position: fixed !important;
|
||||
top: 44px;
|
||||
left: 0;
|
||||
// z-index: 666;
|
||||
}
|
||||
|
||||
.width276 {
|
||||
width: 546rpx;
|
||||
color: #c5c5c5;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.cBlack {
|
||||
color: #c5c5c5;
|
||||
}
|
||||
|
||||
.btName {
|
||||
margin-bottom: -10rpx;
|
||||
margin-top: 16rpx;
|
||||
padding-left: 26rpx;
|
||||
font-size: 30rpx;
|
||||
color: #555555;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.width242 {
|
||||
width: 484rpx;
|
||||
color: #c5c5c5;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.myCard {
|
||||
width: 698rpx;
|
||||
padding: 24rpx 24rpx 10rpx;
|
||||
margin: 32rpx 26rpx;
|
||||
margin-top: 5px;
|
||||
box-sizing: border-box;
|
||||
border-radius: 16rpx;
|
||||
box-shadow: #d8d8d8 0px 0px 14rpx;
|
||||
position: relative;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.cardRow {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 14px;
|
||||
margin-bottom: 8rpx;
|
||||
}
|
||||
|
||||
.cardRow>view:first-child {
|
||||
width: 176rpx;
|
||||
color: #ADADAD;
|
||||
}
|
||||
|
||||
.cardRow>view:last-child {
|
||||
width: 466rpx;
|
||||
color: #000000;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
|
||||
.cardTopName {
|
||||
font-size: 16px;
|
||||
margin-bottom: 8rpx;
|
||||
color: #000000;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
font-weight: bold;
|
||||
border-bottom: 1rpx solid #DDDDDD;
|
||||
padding-bottom: 8rpx;
|
||||
}
|
||||
|
||||
.submitView {
|
||||
width: 100%;
|
||||
padding: 16rpx 0 26rpx;
|
||||
background-color: #FFFFFF;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
border-top: 1rpx solid #f1f1f1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.submitBtn {
|
||||
width: 666rpx;
|
||||
}
|
||||
|
||||
.lookDetail {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
font-size: 15px;
|
||||
color: #007AFF;
|
||||
margin-top: 12rpx;
|
||||
margin-bottom: 16rpx;
|
||||
}
|
||||
|
||||
.lookDetail>text {
|
||||
margin-right: 6rpx;
|
||||
}
|
||||
|
||||
.fzrAbsolute {
|
||||
position: absolute;
|
||||
right: 26rpx;
|
||||
bottom: 80rpx;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.fzrLeft {
|
||||
color: #ADADAD;
|
||||
}
|
||||
|
||||
.fzrRight {
|
||||
font-weight: bold;
|
||||
color: #ff941a;
|
||||
}
|
||||
|
||||
.statesRight {
|
||||
position: absolute;
|
||||
top: 26rpx;
|
||||
right: 16rpx;
|
||||
color: #19BE6B;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.blackColor {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.liangHang {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
|
||||
.yellowColor {
|
||||
color: #ffaa00 !important;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.greenColor {
|
||||
color: #3bb607 !important;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.redColor {
|
||||
color: #ff0000 !important;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.blueColor {
|
||||
color: #007AFF;
|
||||
}
|
||||
|
||||
.colorGray {
|
||||
color: #888888;
|
||||
}
|
||||
|
||||
.disFlexJ {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.width686 {
|
||||
width: 686rpx;
|
||||
margin: 32rpx;
|
||||
}
|
||||
|
||||
.mt26Bt {
|
||||
border-top: 26rpx solid #EEEEEE;
|
||||
}
|
||||
|
||||
.bgeee {
|
||||
background-color: #EEEEEE;
|
||||
margin: 0;
|
||||
padding: 16rpx 26rpx;
|
||||
}
|
||||
|
||||
.gray32 {
|
||||
width: 100%;
|
||||
height: 32rpx;
|
||||
background-color: #EEEEEE;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user