41 changed files with 2636 additions and 149 deletions
@ -1,11 +1,14 @@
|
||||
// const host='http://192.168.2.92:9509/api'
|
||||
const host='https://weiyang.test.scyp.ink/api' |
||||
// const host='https://weiyang.test.scyp.ink/api'
|
||||
const host='https://wechat.wwxtx.com/api' |
||||
// const host='https://wechat.wwxtx.com/api'
|
||||
// const host='https://bml.test.scyp.ink/api'
|
||||
// const host='http://192.168.2.92:9503/api'
|
||||
// const imghost='https://weiyang.test.scyp.ink/static/image'
|
||||
const imghost='https://wechat.wwxtx.com/static/image' |
||||
const imgHost=imghost |
||||
// const imghost='https://wechat.wwxtx.com/static/image'
|
||||
const title = '汪汪行天下' |
||||
const oss = 'https://pet-feed.'+'oss-cn-chengdu.aliyuncs.com' |
||||
// const codehost='http://code.baomingle.cn'
|
||||
export {host,imghost,title,oss} |
||||
export {host,imghost,title,oss,imgHost} |
||||
@ -0,0 +1,21 @@
|
||||
MIT License |
||||
|
||||
Copyright (c) 2020 www.mview.com |
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy |
||||
of this software and associated documentation files (the "Software"), to deal |
||||
in the Software without restriction, including without limitation the rights |
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell |
||||
copies of the Software, and to permit persons to whom the Software is |
||||
furnished to do so, subject to the following conditions: |
||||
|
||||
The above copyright notice and this permission notice shall be included in all |
||||
copies or substantial portions of the Software. |
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR |
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, |
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE |
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER |
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, |
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE |
||||
SOFTWARE. |
||||
@ -0,0 +1,125 @@
|
||||
<template> |
||||
<view class="m-avatar-container"> |
||||
<slot name="avatar"> |
||||
<button v-if="!privateStatus && choose" open-type="chooseAvatar" class="avatarBtn" @chooseavatar="chooseAvatar" :style="{ |
||||
width:size,height:size |
||||
}"> |
||||
<image class="img" mode="aspectFill" :src="avatarUrl" :style="{width:size,height:size,borderRadius:radius}" /> |
||||
</button> |
||||
<button v-else class="avatarBtn" :style="{ |
||||
width:size,height:size |
||||
}" @click="choose ? needPrivate : ''"> |
||||
<image class="img" mode="aspectFill" :src="avatarUrl" :style="{width:size,height:size,borderRadius:radius}" /> |
||||
</button> |
||||
|
||||
<!-- <image mode="aspectFill" :src="src" ></image>--> |
||||
</slot> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
/** |
||||
* Sticky 头像 |
||||
* @description 警告提示，展现需要关注的信息。 |
||||
* |
||||
* @property {String} title 显示的文字 |
||||
*/ |
||||
const base64Avatar = |
||||
"data:image/jpg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjREMEQwRkY0RjgwNDExRUE5OTY2RDgxODY3NkJFODMxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjREMEQwRkY1RjgwNDExRUE5OTY2RDgxODY3NkJFODMxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEQwRDBGRjJGODA0MTFFQTk5NjZEODE4Njc2QkU4MzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEQwRDBGRjNGODA0MTFFQTk5NjZEODE4Njc2QkU4MzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAGBAQEBQQGBQUGCQYFBgkLCAYGCAsMCgoLCgoMEAwMDAwMDBAMDg8QDw4MExMUFBMTHBsbGxwfHx8fHx8fHx8fAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCADIAMgDAREAAhEBAxEB/8QAcQABAQEAAwEBAAAAAAAAAAAAAAUEAQMGAgcBAQAAAAAAAAAAAAAAAAAAAAAQAAIBAwICBgkDBQAAAAAAAAABAhEDBCEFMVFBYXGREiKBscHRMkJSEyOh4XLxYjNDFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A/fAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHbHFyZ/Dam+yLA+Z2L0Pjtyj2poD4AAAAAAAAAAAAAAAAAAAAAAAAKWFs9y6lcvvwQeqj8z9wFaziY1n/HbUX9XF97A7QAGXI23EvJ1goyfzR0YEfN269jeZ+a03pNe0DIAAAAAAAAAAAAAAAAAAAACvtO3RcVkXlWutuL9YFYAAAAAOJRjKLjJVi9GmB5/csH/mu1h/in8PU+QGMAAAAAAAAAAAAAAAAAAaMDG/6MmMH8C80+xAelSSVFolwQAAAAAAAHVlWI37ErUulaPk+hgeYnCUJuElSUXRrrQHAAAAAAAAAAAAAAAAABa2Oz4bM7r4zdF2ICmAAAAAAAAAg7zZ8GX41wuJP0rRgYAAAAAAAAAAAAAAAAAD0m2R8ODaXU33tsDSAAAAAAAAAlb9HyWZcnJd9PcBHAAAAAAAAAAAAAAAAAPS7e64Vn+KA0AAAAAAAAAJm+v8Ftf3ewCKAAAAAAAAAAAAAAAAAX9muqeGo9NttP06+0DcAAAAAAAAAjb7dTu2ra+VOT9P8AQCWAAAAAAAAAAAAAAAAAUNmyPt5Ltv4bui/kuAF0AAAAAAADiUlGLlJ0SVW+oDzOXfd/Ind6JPRdS0QHSAAAAAAAAAAAAAAAAAE2nVaNcGB6Lbs6OTao9LsF51z60BrAAAAAABJ3jOVHjW3r/sa9QEgAAAAAAAAAAAAAAAAAAAPu1duWriuW34ZR4MC9hbnZyEoy8l36XwfYBsAAADaSq9EuLAlZ+7xSdrGdW9Hc5dgEdtt1erfFgAAAAAAAAAAAAAAAAADVjbblX6NR8MH80tEBRs7HYivyzlN8lovaBPzduvY0m6eK10TXtAyAarO55lpJK54orolr+4GqO/Xaea1FvqbXvA+Z77kNeW3GPbV+4DJfzcm/pcm3H6Vou5AdAFLC2ed2Pjv1txa8sV8T6wOL+yZEKu1JXFy4MDBOE4ScZxcZLinoB8gAAAAAAAAAAAB242LeyJ+C3GvN9C7QLmJtePYpKS+5c+p8F2IDYAANJqj1T4oCfk7Nj3G5Wn9qXJax7gJ93Z82D8sVNc4v30A6Xg5i42Z+iLfqARwcyT0sz9MWvWBps7LlTf5Grce9/oBTxdtxseklHxT+uWr9AGoAB138ezfj4bsFJdD6V2MCPm7RdtJzs1uW1xXzL3gTgAAAAAAAAADRhYc8q74I6RWs5ckB6GxYtWLat21SK731sDsAAAAAAAAAAAAAAAASt021NO/YjrxuQXT1oCOAAAAAAABzGLlJRSq26JAelwsWONYjbXxcZvmwO8AAAAAAAAAAAAAAAAAAef3TEWPkVivx3NY9T6UBiAAAAAABo2+VmGXblddIJ8eivRUD0oAAAAAAAAAAAAAAAAAAAYt4tKeFKVNYNSXfRgefAAAAAAAAr7VuSSWPedKaW5v1MCsAAAAAAAAAAAAAAAAAAIe6bj96Ts2n+JPzSXzP3ATgAAAAAAAAFbbt1UUrOQ9FpC4/UwK6aaqtU+DAAAAAAAAAAAAAAA4lKMIuUmoxWrb4ARNx3R3q2rLpa4Sl0y/YCcAAAAAAAAAAANmFud7G8r89r6X0dgFvGzLGRGtuWvTF6NAdwAAAAAAAAAAAy5W442PVN+K59EePp5ARMvOv5MvO6QXCC4AZwAAAAAAAAAAAAAcxlKLUotprg1owN+PvORborq+7Hnwl3gUbO74VzRydt8pKn68ANcJwmqwkpLmnUDkAAAAfNy9atqtyagut0AxXt5xIV8Fbj6lRd7Am5G65V6qUvtwfyx94GMAAAAAAAAAAAAAAAAAAAOU2nVOj5gdsc3LiqRvTpyqwOxbnnrhdfpSfrQB7pnv/AGvuS9gHXPMy5/Fem1yq0v0A6W29XqwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAf//Z"; |
||||
export default { |
||||
name: 'm-avatar', |
||||
props:{ |
||||
src:{ |
||||
type:String, |
||||
default:'' |
||||
}, |
||||
defaultImage:{ |
||||
type:String, |
||||
default: '' |
||||
}, |
||||
size:{ |
||||
type:String, |
||||
default: '150rpx' |
||||
}, |
||||
choose:{ |
||||
type:Boolean, |
||||
default: true |
||||
}, |
||||
radius:{ |
||||
type:String, |
||||
default: '50%' |
||||
} |
||||
}, |
||||
data() { |
||||
return { |
||||
avatar:'', |
||||
privateStatus:true, |
||||
avatarUrl:'', |
||||
} |
||||
}, |
||||
watch: { |
||||
// 监听头像src的变化，赋值给内部的avatarUrl变量，因为图片加载失败时，需要修改图片的src为默认值 |
||||
// 而组件内部不能直接修改props的值，所以需要一个中间变量 |
||||
src: { |
||||
immediate: true, |
||||
handler(newVal) { |
||||
this.avatarUrl = newVal |
||||
// 如果没有传src，则主动触发error事件，用于显示默认的头像，否则src为''空字符等的时候，会无内容展示 |
||||
if(!newVal) { |
||||
this.errorHandler() |
||||
} |
||||
} |
||||
} |
||||
}, |
||||
computed: { |
||||
|
||||
}, |
||||
methods: { |
||||
errorHandler() { |
||||
this.avatarUrl = base64Avatar; |
||||
}, |
||||
chooseAvatar(v) { |
||||
uni.$m.uploadFile(v.detail.avatarUrl).then(res => { |
||||
this.avatarUrl = res.show_path; |
||||
this.$emit('change',this.avatarUrl) |
||||
}) |
||||
}, |
||||
checkPrivacy(){ |
||||
// #ifdef MP-WEIXIN |
||||
uni.getPrivacySetting({ |
||||
success: res => { |
||||
console.log("是否需要授权：", res.needAuthorization, "隐私协议的名称为：", res.privacyContractName) |
||||
this.privateStatus = res.needAuthorization; |
||||
}, |
||||
fail: () => { |
||||
}, |
||||
complete: () => {}, |
||||
}) |
||||
// #endif |
||||
}, |
||||
needPrivate(){ |
||||
this.$emit('needPrivate',true); |
||||
}, |
||||
}, |
||||
mounted() { |
||||
this.checkPrivacy(); |
||||
}, |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.safe-area{ |
||||
width:100%; |
||||
} |
||||
.m-sticky-container{ |
||||
width:100%; |
||||
z-index: 997; |
||||
} |
||||
button{ |
||||
padding:0; |
||||
background:none; |
||||
&::after{ |
||||
border:none; |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,17 @@
|
||||
export default { |
||||
props: { |
||||
// 是否占位
|
||||
safeArea: { |
||||
type: Boolean, |
||||
default: true |
||||
}, |
||||
type: { |
||||
type: String, |
||||
default: 'fixed' |
||||
}, |
||||
offsetTop: { |
||||
type: String, |
||||
default: '0' |
||||
}, |
||||
} |
||||
} |
||||
@ -0,0 +1,106 @@
|
||||
<script setup> |
||||
|
||||
import {computed,defineProps} from "vue"; |
||||
|
||||
/** |
||||
* 按钮 |
||||
* @description |
||||
* |
||||
* @property {String} title 显示的文字 |
||||
*/ |
||||
const emit = defineEmits(['click']); |
||||
function clickHandle(event){ |
||||
emit('click',event); |
||||
} |
||||
|
||||
const props = defineProps({ |
||||
containerPadding:{ |
||||
type:[String,Number], |
||||
default:'10px' |
||||
}, |
||||
buttonPadding:{ |
||||
type:[String,Number], |
||||
default:'10px' |
||||
}, |
||||
textStyle:{ |
||||
type:[Object], |
||||
default:'' |
||||
}, |
||||
justifyAlign:{ |
||||
type:String, |
||||
default:'center' |
||||
}, |
||||
verticalAlign:{ |
||||
type:String, |
||||
default:'center' |
||||
}, |
||||
border:{ |
||||
type:String, |
||||
default:'1px solid #999999;' |
||||
}, |
||||
buttonColor:{ |
||||
type:String, |
||||
}, |
||||
radius:{ |
||||
type:[String,Number], |
||||
default:'10px' |
||||
}, |
||||
text:{ |
||||
type:String, |
||||
default:'确认' |
||||
}, |
||||
customStyle:{ |
||||
type:[String,Object], |
||||
default:{} |
||||
} |
||||
}); |
||||
|
||||
const containerStyle = computed(() => { |
||||
return { |
||||
'padding':props.containerPadding, |
||||
'justify-content':props.justifyAlign, |
||||
'align-items':props.verticalAlign, |
||||
} |
||||
}); |
||||
const buttonStyle = computed(() => { |
||||
return { |
||||
...uni.$m.addStyle(props.customStyle), |
||||
'border':props.border, |
||||
'border-radius':props.radius, |
||||
'background-color':props.buttonColor, |
||||
'padding':props.buttonPadding, |
||||
} |
||||
}); |
||||
</script> |
||||
|
||||
<template> |
||||
<view class="m-button-container" @click="clickHandle" style="display: flex;" :style="containerStyle"> |
||||
<view class="button" :style="buttonStyle"> |
||||
<view class="m-button-pre"> |
||||
<slot name="pre"></slot> |
||||
</view> |
||||
<view class="m-button-title" :style="textStyle"> |
||||
<m-text |
||||
:text="text" |
||||
:size="textStyle.size" |
||||
:color="textStyle.color" |
||||
:line-height="textStyle.lineHeight" |
||||
:align="textStyle.align || 'center'" |
||||
:display="textStyle.display" |
||||
></m-text> |
||||
</view> |
||||
<view class="m-button-pre"> |
||||
<slot name="after"></slot> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<style lang="scss"> |
||||
.button{ |
||||
flex:0 0 1; |
||||
width:100%; |
||||
|
||||
text-align: center; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,44 @@
|
||||
<script setup> |
||||
|
||||
/** |
||||
* 复选框组 |
||||
* @description |
||||
* |
||||
* @property {String} title 显示的文字 |
||||
*/ |
||||
import {ref, provide} from "vue"; |
||||
|
||||
const props = defineProps({ |
||||
checkData:{type:[Object,Array],default:[]}, |
||||
labelSize:{type:[String,Number],default:'26rpx'}, |
||||
size:{type:[String,Number],default:'32rpx'}, |
||||
activeColor:{type:String,default:'#578CF5'}, |
||||
inActiveColor:{type:String,default:'transparent'}, |
||||
borderInActiveColor:{type:String,default:'#999'}, |
||||
labelStyle:{type:Object,default:{}} |
||||
}); |
||||
|
||||
const emit = defineEmits(['change','update:modelValue']); |
||||
const checked = ref([]); |
||||
|
||||
provide('checkboxGroup',{ |
||||
emit:emit, |
||||
checked:checked, |
||||
props:props, |
||||
boxStyle:boxStyle |
||||
}); |
||||
|
||||
function boxStyle (index) { |
||||
return { |
||||
borderColor:(checked.value.indexOf(index) !== -1)?props.activeColor:props.unActiveColor, |
||||
backgroundColor:(checked.value.indexOf(index) !== -1)?props.activeColor:'transparent' |
||||
} |
||||
} |
||||
</script> |
||||
<template> |
||||
<slot></slot> |
||||
</template> |
||||
|
||||
<style lang="scss" scoped> |
||||
|
||||
</style> |
||||
@ -0,0 +1,79 @@
|
||||
<script setup> |
||||
|
||||
/** |
||||
* 复选框 |
||||
* @description |
||||
* |
||||
* @property {String} title 显示的文字 |
||||
*/ |
||||
import {inject} from "vue"; |
||||
|
||||
//子组件单独props |
||||
const props = defineProps({ |
||||
checkData:{type:[Object,Array],default:[]}, |
||||
labelSize:{type:[String,Number],default:'26rpx'}, |
||||
size:{type:[String,Number],default:'32rpx'}, |
||||
activeColor:{type:String,default:'#578CF5'}, |
||||
inActiveColor:{type:String,default:'transparent'}, |
||||
borderInActiveColor:{type:String,default:'#999'}, |
||||
labelStyle:{type:Object,default:{}}, |
||||
label:{type:String,default:''}, |
||||
value:{type:Number,default:''} |
||||
}); |
||||
|
||||
|
||||
const parent = inject('checkboxGroup'); |
||||
//这里可以单独使用单个checkbox作为是否同意协议 |
||||
const emit = parent.emit || defineEmits(['change','update:modelValue']); |
||||
const checked = parent.checked; |
||||
|
||||
//选中处理 |
||||
function checkedHandle(label,value){ |
||||
const posIndex = checked.value.indexOf(value) |
||||
if(posIndex !== -1){ |
||||
checked.value.splice(posIndex,1); |
||||
}else{ |
||||
checked.value.push(value); |
||||
} |
||||
|
||||
//当前选中数组 |
||||
emit('update:modelValue',checked.value); |
||||
//label 标签 value 值 checked 选中状态 选中|取消 |
||||
emit('change',{label:label,value:value,checked:(posIndex === -1)}); |
||||
} |
||||
function boxStyle(param){ |
||||
return parent.boxStyle(param); |
||||
} |
||||
</script> |
||||
<template> |
||||
<view class="m-checkbox-group"> |
||||
<view class="m-checkbox"> |
||||
<view class="item row align-center" @click="checkedHandle(label,value)"> |
||||
<view class="box border-box mr-1" :style="boxStyle(value)"> |
||||
<slot :active="checked.indexOf(value) !== -1"> |
||||
<view class="icon" :style="{backgroundColor:(checked.indexOf(value) !== -1)?activeColor:inActiveColor}"></view> |
||||
</slot> |
||||
</view> |
||||
<view class="label"><m-text :text="label" :size="labelStyle.size" :line-height="labelStyle.lingHeight" :color="labelStyle.color"></m-text></view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<style lang="scss" scoped> |
||||
.box{ |
||||
width: $m-checkbox-size; |
||||
height: $m-checkbox-size; |
||||
border:3rpx solid; |
||||
border-radius:20%; |
||||
&.circle{ |
||||
border-radius:50%; |
||||
} |
||||
.icon{ |
||||
width:100%; |
||||
height:100%; |
||||
border-radius:50%; |
||||
background:transparent; |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,120 @@
|
||||
<script setup> |
||||
|
||||
import {computed, inject, onMounted, ref, watch} from "vue"; |
||||
import image from "@/config/image"; |
||||
|
||||
const imagesPublic = image.Public; |
||||
const props = defineProps({ |
||||
label: { |
||||
type: String, |
||||
default: '', |
||||
}, |
||||
name: { |
||||
type: String, |
||||
default: '', |
||||
}, |
||||
align: { |
||||
type: String, |
||||
default: 'between',// vertical || between |
||||
}, |
||||
itemStyle: { |
||||
type: [Object, String], |
||||
default: {} |
||||
}, |
||||
labelStyle: { |
||||
type: [Object, String], |
||||
default: {} |
||||
}, |
||||
inputStyle: { |
||||
type: [Object, String], |
||||
default: {} |
||||
}, |
||||
customOption: { |
||||
type: [Object], |
||||
default: {} |
||||
}, |
||||
border: { |
||||
type: [Boolean], |
||||
default: true |
||||
}, |
||||
required: { |
||||
type: [Boolean], |
||||
default: false |
||||
}, |
||||
prop: { |
||||
type: [String], |
||||
default: '' |
||||
}, |
||||
}); |
||||
|
||||
const formItemStyle = computed(() => { |
||||
return { |
||||
paddingBottom: ((props.align === 'vertical') ? '0' : '35rpx'), |
||||
borderBottom: props.border ? '2rpx solid #EEEEEE' : 'none', |
||||
...uni.$m.addStyle(props.itemStyle), |
||||
} |
||||
}) |
||||
|
||||
const labelStyle = computed(() => { |
||||
return { |
||||
paddingLeft: (props.inputType === 'textarea' || props.inputType === 'upload') ? 0 : '35rpx', |
||||
paddingRight: (props.inputType === 'textarea' || props.inputType === 'upload') ? 0 : '35rpx', |
||||
...uni.$m.addStyle(props.labelStyle), |
||||
} |
||||
}) |
||||
|
||||
const inputStyle = computed(() => { |
||||
const padding = ((props.inputType === 'textarea' || props.inputType === 'upload') && type === 'form') ? 0 : '35rpx' |
||||
return { |
||||
paddingLeft: padding, |
||||
paddingRight: padding, |
||||
...uni.$m.addStyle(props.inputStyle), |
||||
} |
||||
}) |
||||
const parent = inject('form') |
||||
onMounted(() => { |
||||
if(parent && props.required){ |
||||
parent.rule.value.push({label:props.label || props.name,value:props.prop}); |
||||
} |
||||
}); |
||||
|
||||
</script> |
||||
|
||||
<template> |
||||
<view class="form-item row justify-between" :style="formItemStyle"> |
||||
<view class="label border-box" :style="labelStyle" :class="{'vertical':(align === 'vertical')}"> |
||||
<view class="required" v-if="required"> |
||||
<m-text text="*" size="32rpx" align="center" line-height="50rpx" color="#FF3838"></m-text> |
||||
</view> |
||||
<m-text :text="label" size="32rpx" line-height="50rpx" color="#020b18"></m-text> |
||||
</view> |
||||
<view class="input border-box" :style="inputStyle" :class="{'vertical':(align === 'vertical')}"> |
||||
<slot></slot> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<style lang="scss"> |
||||
.form-item { |
||||
padding: 35rpx 0; |
||||
position:relative; |
||||
.label{ |
||||
position: relative; |
||||
} |
||||
.required{ |
||||
position: absolute; |
||||
width:35rpx; |
||||
height:100%; |
||||
top:8rpx; |
||||
left:0; |
||||
} |
||||
&.bottom { |
||||
padding-bottom: 10rpx; |
||||
} |
||||
} |
||||
|
||||
.vertical { |
||||
flex: 0 0 100%; |
||||
padding-bottom: 10rpx; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,79 @@
|
||||
<script setup> |
||||
|
||||
import {nextTick, provide, ref, watch} from "vue"; |
||||
|
||||
const props = defineProps({ |
||||
type:{ |
||||
type:String, |
||||
default:'form' |
||||
}, |
||||
model:{ |
||||
type:Object, |
||||
default:{} |
||||
}, |
||||
isRead:{ |
||||
type:Boolean, |
||||
default:false, |
||||
}, |
||||
disabled:{ |
||||
type:Boolean, |
||||
default:false, |
||||
} |
||||
}) |
||||
|
||||
watch(() => props.type,()=>{ |
||||
uni.$emit('formType',props.type); |
||||
}); |
||||
|
||||
|
||||
const rule = ref([]); |
||||
provide('form',{ |
||||
rule:rule, |
||||
props:props |
||||
}); |
||||
|
||||
function verify(){ |
||||
try { |
||||
// nextTick(() => { |
||||
return new Promise((resolve, reject) => { |
||||
rule.value.some(item => { |
||||
if(!props.model[item.value]){ |
||||
uni.$m.error(item.label+'未填写') |
||||
reject(item) |
||||
return true; |
||||
} |
||||
}) |
||||
resolve(true); |
||||
}).catch(e => { |
||||
console.log('e',e) |
||||
}) |
||||
// }) |
||||
}catch (err) { |
||||
console.log('err',err) |
||||
} |
||||
} |
||||
|
||||
defineExpose({ |
||||
verify |
||||
}) |
||||
</script> |
||||
|
||||
<template> |
||||
<view class="form border-box" style="position:relative;z-index:2;background-color:#fff;padding-top:0;"> |
||||
<slot></slot> |
||||
</view> |
||||
</template> |
||||
|
||||
<style lang="scss"> |
||||
.form-item { |
||||
padding: 35rpx 0; |
||||
|
||||
&.bottom { |
||||
padding-bottom: 10rpx; |
||||
} |
||||
} |
||||
.vertical{ |
||||
flex: 0 0 100%; |
||||
padding-bottom:10rpx; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,55 @@
|
||||
<template> |
||||
<view class="mz-header-container" :style="{top:(offsetTop === '0')?offSetDefault:offsetTop,position:type}"> |
||||
<view class="safe-area-top" :style="{height:safeHeight,display:((type !== 'sticky') || 'none')}"></view> |
||||
<slot> |
||||
|
||||
</slot> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import props from './props.js'; |
||||
/** |
||||
* header 头部 |
||||
* @description 警告提示，展现需要关注的信息。 |
||||
* |
||||
* @property {String} title 显示的文字 |
||||
*/ |
||||
export default { |
||||
name: 'mz-header', |
||||
mixins: [props], |
||||
data() { |
||||
return { |
||||
show: true, |
||||
safeHeight:'' |
||||
} |
||||
}, |
||||
computed: { |
||||
offSetDefault(){ |
||||
return uni.getSystemInfoSync().statusBarHeight+44+'px'; |
||||
}, |
||||
}, |
||||
methods: { |
||||
getSafeHeight(){ |
||||
new Promise((resolve,reject) => { |
||||
resolve(uni.getSystemInfoSync().statusBarHeight); |
||||
}).then((height) => { |
||||
this.safeHeight = height+'px'; |
||||
}) |
||||
}, |
||||
}, |
||||
mounted() { |
||||
this.getSafeHeight(); |
||||
}, |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.safe-area{ |
||||
width:100%; |
||||
} |
||||
.mz-header-container{ |
||||
width:100%; |
||||
z-index: 997; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,17 @@
|
||||
export default { |
||||
props: { |
||||
// 是否占位
|
||||
safeArea: { |
||||
type: Boolean, |
||||
default: true |
||||
}, |
||||
type: { |
||||
type: String, |
||||
default: 'fixed' |
||||
}, |
||||
offsetTop: { |
||||
type: String, |
||||
default: '0' |
||||
}, |
||||
} |
||||
} |
||||
@ -0,0 +1,209 @@
|
||||
<script setup> |
||||
|
||||
import {computed} from "vue"; |
||||
|
||||
const props = defineProps({ |
||||
cursor: { |
||||
type: Number, |
||||
default: 0 |
||||
}, |
||||
innerValue: { |
||||
type: String, |
||||
default: '' |
||||
}, |
||||
autoBlur: { |
||||
type: Boolean, |
||||
default: false |
||||
}, |
||||
disabled: { |
||||
type: Boolean, |
||||
default: false |
||||
}, |
||||
readonly: { |
||||
type: Boolean, |
||||
default: false |
||||
}, |
||||
maxlength: { |
||||
type: Number, |
||||
default: 255 |
||||
}, |
||||
placeholder: { |
||||
type: String, |
||||
default: '请输入' |
||||
}, |
||||
placeholderStyle: { |
||||
type: String, |
||||
default: '' |
||||
}, |
||||
placeholderClass: { |
||||
type: String, |
||||
default: '' |
||||
}, |
||||
confirmType: { |
||||
type: String, |
||||
default: '' |
||||
}, |
||||
confirmHold: { |
||||
type: Boolean, |
||||
default: false |
||||
}, |
||||
holdKeyboard: { |
||||
type: Boolean, |
||||
default: false |
||||
}, |
||||
cursorSpacing: { |
||||
type: Number, |
||||
default: 0 |
||||
}, |
||||
adjustPosition: { |
||||
type: Boolean, |
||||
default: true |
||||
}, |
||||
selectionEnd: { |
||||
type: Number, |
||||
default: -1 |
||||
}, |
||||
selectionStart: { |
||||
type: Number, |
||||
default: -1 |
||||
}, |
||||
password: { |
||||
type: Boolean, |
||||
default: false |
||||
}, |
||||
type: { |
||||
type: String, |
||||
default: 'input' |
||||
}, |
||||
ignoreCompositionEvent: { |
||||
type: Boolean, |
||||
default: true |
||||
}, |
||||
inputStyle: { |
||||
type: [Object, String], |
||||
default: {} |
||||
}, |
||||
shape: { |
||||
type: String, |
||||
default: 'circle' |
||||
}, |
||||
fontSize: { |
||||
type: String, |
||||
default: '28rpx' |
||||
}, |
||||
border: { |
||||
type: String, |
||||
default: 'surround'//surround | bottom | none |
||||
}, |
||||
borderColor: { |
||||
type: String, |
||||
default: '#999' |
||||
}, |
||||
padding: { |
||||
type: String, |
||||
default: '30rpx' |
||||
}, |
||||
customStyle: { |
||||
type: [String,Object], |
||||
default: {} |
||||
}, |
||||
}); |
||||
|
||||
const emit = defineEmits([ |
||||
'update:modelValue', |
||||
'change', |
||||
'blur', |
||||
'focus', |
||||
'confirm', |
||||
'keyBoardHeightChange', |
||||
'input', |
||||
]); |
||||
|
||||
class EventGroup { |
||||
|
||||
onFocus(e) { |
||||
emit('focus', e) |
||||
emit('update:modelValue', e) |
||||
} |
||||
|
||||
onConfirm(e) { |
||||
emit('confirm', e) |
||||
emit('update:modelValue', e) |
||||
} |
||||
|
||||
onKeyBoardHeightChange() { |
||||
emit('keyBoardHeightChange', e) |
||||
} |
||||
|
||||
onBlur(e) { |
||||
emit('blur', e) |
||||
emit('update:modelValue', e) |
||||
} |
||||
|
||||
onInput(e) { |
||||
emit('input', e) |
||||
emit('update:modelValue', e) |
||||
} |
||||
|
||||
focus() { |
||||
|
||||
} |
||||
} |
||||
|
||||
const InputEvent = new EventGroup(); |
||||
|
||||
const inputStyle = computed(() => { |
||||
const style = {}; |
||||
if(props.border === 'surround')style.border = '2rpx solid '+props.borderColor; |
||||
if(props.border === 'bottom')style.borderBottom = '2rpx solid '+props.borderColor; |
||||
|
||||
return { |
||||
padding: props.padding, |
||||
border: '2rpx solid #666', |
||||
borderRadius: props.shape === 'circle'?'100px':'4px', |
||||
...style, |
||||
...uni.$m.addStyle(props.customStyle) |
||||
} |
||||
}); |
||||
</script> |
||||
|
||||
<template> |
||||
<view class="mz-input-container"> |
||||
<view class="input"> |
||||
<input |
||||
class="u-input__content__field-wrapper__field" |
||||
:style="[inputStyle]" |
||||
:type="type" |
||||
:focus="focus" |
||||
:cursor="cursor" |
||||
:value="innerValue" |
||||
:auto-blur="autoBlur" |
||||
:disabled="disabled || readonly" |
||||
:maxlength="maxlength" |
||||
:placeholder="placeholder" |
||||
:placeholder-style="placeholderStyle" |
||||
:placeholder-class="placeholderClass" |
||||
:confirm-type="confirmType" |
||||
:confirm-hold="confirmHold" |
||||
:hold-keyboard="holdKeyboard" |
||||
:cursor-spacing="cursorSpacing" |
||||
:adjust-position="adjustPosition" |
||||
:selection-end="selectionEnd" |
||||
:selection-start="selectionStart" |
||||
:password="password || type === 'password' || undefined" |
||||
:ignoreCompositionEvent="ignoreCompositionEvent" |
||||
@input="InputEvent.onInput" |
||||
@blur="InputEvent.onBlur" |
||||
@focus="InputEvent.onFocus" |
||||
@confirm="InputEvent.onConfirm" |
||||
@keyboardheightchange="InputEvent.onKeyBoardHeightChange" |
||||
> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<style lang="scss"> |
||||
.mz-input-container { |
||||
|
||||
} |
||||
</style> |
||||
@ -0,0 +1,100 @@
|
||||
<template> |
||||
<uv-popup ref="popup" type="center" :closeOnClickOverlay="false" :is-mask-click="false" round="20rpx" mode="bottom" |
||||
custom-style="padding:20rpx"> |
||||
<view class="popup-box" style="padding:40rpx"> |
||||
<view style="padding:20rpx 0;"> |
||||
<m-text bold text="用户隐私保护提示" color="#020b18" size="32rpx"></m-text> |
||||
</view> |
||||
<view class="row"> |
||||
<view class=""> |
||||
<m-text color="#020b18" line-height="50rpx" text="用户隐私保护提示" size="28rpx"></m-text> |
||||
</view> |
||||
<view class=""> |
||||
<m-text color="#178AF2" size="28rpx" line-height="50rpx" text="《小程序隐私保护指引》" |
||||
@click="openPrivacyContract"></m-text> |
||||
</view> |
||||
<view class=""> |
||||
<m-text color="#020b18" size="28rpx" line-height="50rpx" |
||||
text="当您点击同意并开始使用产品服务时，即表示你已理解并同意该条款内容，该条款将对您产生法律约束力。如您拒绝，将无法更好的体验产品。"></m-text> |
||||
</view> |
||||
|
||||
|
||||
</view> |
||||
<view class="row" style="padding:30rpx;display:flex;box-sizing: border-box;"> |
||||
<view class="col-6" style="padding:15rpx;flex:0 0 50%;box-sizing: border-box;"> |
||||
<button @click="closePrivacyAuthorization"> |
||||
<m-text text="拒绝" size="32rpx" line-height="100rpx" align="center" color="#666"></m-text> |
||||
</button> |
||||
</view> |
||||
|
||||
<view class="col-6" style="padding:15rpx;flex:0 0 50%;box-sizing: border-box;"> |
||||
<button id="agree-btn" open-type="agreePrivacyAuthorization" color="#45C55E" class="weui-btn agree" |
||||
@agreeprivacyauthorization="handleAgreePrivacyAuthorization" :style="{backgroundColor:buttonColor}"> |
||||
<m-text text="同意" size="32rpx" line-height="100rpx" align="center" color="#fff"></m-text> |
||||
</button> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</uv-popup> |
||||
</template> |
||||
|
||||
<script> |
||||
/** |
||||
* Sticky 头像 |
||||
* @description 警告提示，展现需要关注的信息。 |
||||
* |
||||
* @property {String} title 显示的文字 |
||||
*/ |
||||
export default { |
||||
name: 'm-private', |
||||
props: { |
||||
src: { |
||||
type: String, |
||||
default: '' |
||||
}, |
||||
defaultImage: { |
||||
type: String, |
||||
default: '' |
||||
}, |
||||
size: { |
||||
type: String, |
||||
default: '150rpx' |
||||
}, |
||||
buttonColor: { |
||||
type: String, |
||||
default: '#45C55E' |
||||
} |
||||
}, |
||||
data() { |
||||
return { |
||||
avatar: '', |
||||
} |
||||
}, |
||||
computed: {}, |
||||
methods: { |
||||
open() { |
||||
this.$refs.popup.open(); |
||||
}, |
||||
openPrivacyContract() { |
||||
uni.openPrivacyContract({}); |
||||
}, |
||||
closePrivacyAuthorization() { |
||||
this.$refs.popup.close(); |
||||
}, |
||||
handleAgreePrivacyAuthorization() { |
||||
this.$refs.popup.close(); |
||||
this.$emit('agreePrivate',true); |
||||
} |
||||
}, |
||||
mounted() { |
||||
|
||||
}, |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
button.agree{ |
||||
//background-color:#45C55E; |
||||
color:#ffffff; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,17 @@
|
||||
export default { |
||||
props: { |
||||
// 是否占位
|
||||
safeArea: { |
||||
type: Boolean, |
||||
default: true |
||||
}, |
||||
type: { |
||||
type: String, |
||||
default: 'fixed' |
||||
}, |
||||
offsetTop: { |
||||
type: String, |
||||
default: '0' |
||||
}, |
||||
} |
||||
} |
||||
@ -1,29 +1,91 @@
|
||||
<script setup> |
||||
|
||||
import {ref} from "vue"; |
||||
|
||||
const props = defineProps({ |
||||
modelValue: { |
||||
type: String, |
||||
default: '' |
||||
}, |
||||
inputSize: { |
||||
type: String, |
||||
default: '28rpx' |
||||
}, |
||||
radioAlign: { |
||||
type: [String], |
||||
default: 'row' |
||||
}, |
||||
radioData: { |
||||
type: Array, |
||||
default: [], |
||||
}, |
||||
labelName: { |
||||
type: String, |
||||
default: 'label', |
||||
}, |
||||
valueName: { |
||||
type: String, |
||||
default: 'value', |
||||
}, |
||||
activeColor: { |
||||
type: String, |
||||
default: '#BE1414', |
||||
}, |
||||
unActiveColor: { |
||||
type: String, |
||||
default: '#333333', |
||||
}, |
||||
}); |
||||
|
||||
const emit = defineEmits(['change', 'update:modelValue']); |
||||
const radioChecked = ref(''); |
||||
|
||||
function radioChange(name) { |
||||
radioChecked.value = name; |
||||
emit('update:modelValue', name); |
||||
emit('change', name); |
||||
} |
||||
</script> |
||||
|
||||
<template> |
||||
<view> |
||||
<slot> |
||||
<view class="radio-group row" |
||||
style="padding:22rpx 0;display: flex;justify-content:flex-start;"> |
||||
<view |
||||
class="radio flex align-center" |
||||
:class="{ |
||||
col:(radioAlign === 'row'), |
||||
'col-12':(radioAlign !== 'row'), |
||||
'pt-1':(radioAlign !== 'row'), |
||||
'pb-2':(radioAlign !== 'row'), |
||||
}" |
||||
v-for="item in radioData" |
||||
@click="radioChange(item[valueName])" |
||||
> |
||||
<view class="checkbox border-box" style="margin-right:10rpx;"> |
||||
<view |
||||
class="border-box" |
||||
style="width:32rpx;height:32rpx;border-radius: 50%;padding:6rpx;" |
||||
:style="{border:modelValue === item[valueName]?'3rpx solid #BE1414':'3rpx solid rgb(51,51,51)'}" |
||||
> |
||||
<view |
||||
class="border-box" |
||||
style="width:100%;height:100%;border-radius: 50%;" |
||||
:style="{backgroundColor:(modelValue === item[valueName]?activeColor:'transparent')}" |
||||
> |
||||
|
||||
</slot> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="label"> |
||||
<m-text :text="item[labelName]" size="32rpx" :color="modelValue === item[valueName]?activeColor:unActiveColor" |
||||
custom-style="white-space:nowrap;"></m-text> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
/** |
||||
* 单选 |
||||
* @description |
||||
* |
||||
* @property {String} title 显示的文字 |
||||
*/ |
||||
export default { |
||||
name: 'm-radio', |
||||
methods: { |
||||
|
||||
}, |
||||
mounted() { |
||||
|
||||
}, |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
<style scoped lang="scss"> |
||||
|
||||
</style> |
||||
</style> |
||||
@ -0,0 +1,41 @@
|
||||
<template> |
||||
<view style="width:100%;" :style="{height:height}"></view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
name: 'm-private', |
||||
props: { |
||||
src: { |
||||
type: String, |
||||
default: '' |
||||
}, |
||||
defaultImage: { |
||||
type: String, |
||||
default: '' |
||||
}, |
||||
size: { |
||||
type: String, |
||||
default: '150rpx' |
||||
} |
||||
}, |
||||
data() { |
||||
return { |
||||
height: '0', |
||||
} |
||||
}, |
||||
computed: {}, |
||||
methods: {}, |
||||
mounted() { |
||||
uni.$m.uniSysInfo().then(response => { |
||||
this.height = response.safeAreaInsetBottom + 'px'; |
||||
}) |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
page { |
||||
width: 100%; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,17 @@
|
||||
export default { |
||||
props: { |
||||
// 是否占位
|
||||
safeArea: { |
||||
type: Boolean, |
||||
default: true |
||||
}, |
||||
type: { |
||||
type: String, |
||||
default: 'fixed' |
||||
}, |
||||
offsetTop: { |
||||
type: String, |
||||
default: '0' |
||||
}, |
||||
} |
||||
} |
||||
@ -0,0 +1,41 @@
|
||||
<template> |
||||
<view style="width:100vw;" :style="{height:height}"></view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
name: 'm-private', |
||||
props: { |
||||
src: { |
||||
type: String, |
||||
default: '' |
||||
}, |
||||
defaultImage: { |
||||
type: String, |
||||
default: '' |
||||
}, |
||||
size: { |
||||
type: String, |
||||
default: '150rpx' |
||||
} |
||||
}, |
||||
data() { |
||||
return { |
||||
height: '0', |
||||
} |
||||
}, |
||||
computed: {}, |
||||
methods: {}, |
||||
mounted() { |
||||
uni.$m.uniSysInfo().then(response => { |
||||
this.height = response.sysAndMenuHeight + 'px'; |
||||
}) |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
page { |
||||
width: 100%; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,17 @@
|
||||
export default { |
||||
props: { |
||||
// 是否占位
|
||||
safeArea: { |
||||
type: Boolean, |
||||
default: true |
||||
}, |
||||
type: { |
||||
type: String, |
||||
default: 'fixed' |
||||
}, |
||||
offsetTop: { |
||||
type: String, |
||||
default: '0' |
||||
}, |
||||
} |
||||
} |
||||
@ -0,0 +1,79 @@
|
||||
<template> |
||||
<view class="safe-area" :style="{height:safeHeight,display:((type !== 'sticky') ? 'block' : 'none')}"></view> |
||||
<view class="m-sticky-container" :style="containerStyle"> |
||||
<slot /> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import props from './props.js'; |
||||
/** |
||||
* Sticky 吸顶 |
||||
* @description 警告提示，展现需要关注的信息。 |
||||
* |
||||
* @property {String} title 显示的文字 |
||||
*/ |
||||
export default { |
||||
name: 'm-sticky', |
||||
mixins: [props], |
||||
data() { |
||||
return { |
||||
show: true, |
||||
safeHeight:'', |
||||
offsetHeightValue:'0', |
||||
} |
||||
}, |
||||
computed: { |
||||
offSetDefault(){ |
||||
let offsetHeight = uni.getSystemInfoSync().statusBarHeight; |
||||
// #ifdef MP-WEIXIN |
||||
offsetHeight += 40; |
||||
// #endif |
||||
return offsetHeight; |
||||
}, |
||||
containerStyle() { |
||||
let style = { |
||||
position: this.type, |
||||
zIndex: this.zIndex |
||||
} |
||||
if(this.mode === 'bottom'){ |
||||
style.bottom = this.offsetHeightValue; |
||||
}else{ |
||||
style.top = this.offsetHeightValue; |
||||
} |
||||
return style; |
||||
} |
||||
}, |
||||
methods: { |
||||
getSafeHeight(){ |
||||
new Promise((resolve) => { |
||||
uni.$m.sleep(10).then(() => { |
||||
const info = uni.createSelectorQuery().in(this).select('.m-sticky-container'); |
||||
info.boundingClientRect(function (data) { |
||||
resolve(data.height); |
||||
}).exec(function (res) {}); |
||||
}); |
||||
}).then((height) => { |
||||
this.safeHeight = height+'px'; |
||||
this.offsetHeightValue = (parseFloat( |
||||
uni.$m.getPx((this.mode === 'top') ?(this.top || this.offSetDefault) :0,false)) |
||||
+ parseFloat(uni.$m.getPx(this.offset,false))+'px') |
||||
this.$emit('change',true); |
||||
}) |
||||
}, |
||||
}, |
||||
mounted() { |
||||
this.getSafeHeight(); |
||||
}, |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.safe-area{ |
||||
width:100%; |
||||
} |
||||
.m-sticky-container{ |
||||
width:100%; |
||||
|
||||
} |
||||
</style> |
||||
@ -0,0 +1,28 @@
|
||||
export default { |
||||
props: { |
||||
// 是否占位
|
||||
safeArea: { |
||||
type: Boolean, |
||||
default: true |
||||
}, |
||||
type: { |
||||
type: String, |
||||
default: 'fixed' |
||||
}, |
||||
offset: { |
||||
type: String, |
||||
default: '0' |
||||
}, |
||||
zIndex: { |
||||
type: String, |
||||
default: '997' |
||||
}, |
||||
mode:{ |
||||
type: String, |
||||
default: 'top' |
||||
}, |
||||
top:{ |
||||
type: String, |
||||
}, |
||||
} |
||||
} |
||||
@ -0,0 +1,71 @@
|
||||
<script setup> |
||||
|
||||
import {computed} from "vue"; |
||||
|
||||
const props = defineProps({ |
||||
text:{ |
||||
type:String, |
||||
default:'' |
||||
}, |
||||
align:{ |
||||
type:String, |
||||
default:'left' |
||||
}, |
||||
size:{ |
||||
type:[String,Number], |
||||
default:'16px' |
||||
}, |
||||
bold:{ |
||||
type:[String,Number], |
||||
default:'normal' |
||||
}, |
||||
color:{ |
||||
type:String, |
||||
default:'#000000' |
||||
}, |
||||
lineHeight:{ |
||||
type:[String,Number], |
||||
default:'16px' |
||||
}, |
||||
display:{ |
||||
type:String, |
||||
default:'block' |
||||
}, |
||||
lines:{ |
||||
type:Number, |
||||
}, |
||||
customStyle:{ |
||||
type:[String,Object], |
||||
default:{} |
||||
} |
||||
}) |
||||
|
||||
const textStyle = computed(() => { |
||||
return { |
||||
...uni.$m.addStyle(props.customStyle), |
||||
'text-align':props.align, |
||||
'font-size':props.size, |
||||
'font-weight':props.bold, |
||||
'line-height':props.lineHeight, |
||||
'color':props.color, |
||||
'display':props.display, |
||||
} |
||||
}) |
||||
|
||||
const emit = defineEmits(['click']) |
||||
function handleClick(e){ |
||||
emit('click',e); |
||||
} |
||||
</script> |
||||
|
||||
<template> |
||||
<view class="m-text-container" :class="[lines && `u-line-${lines}`]" :style="textStyle" @click="handleClick"> |
||||
<slot name="default"> |
||||
{{text}} |
||||
</slot> |
||||
</view> |
||||
</template> |
||||
|
||||
<style scoped lang="scss"> |
||||
|
||||
</style> |
||||
@ -0,0 +1,26 @@
|
||||
import api from './lib/functions.js' |
||||
import tools from './lib/tools.js' |
||||
import service from "@/uni_modules/m-view/lib/request"; |
||||
const $m = { |
||||
...api, |
||||
...tools, |
||||
service |
||||
} |
||||
|
||||
// $m挂载到uni对象上
|
||||
uni.$m = $m |
||||
|
||||
const install = (Vue) => { |
||||
// #ifndef APP-NVUE
|
||||
// 只有vue，挂载到Vue.prototype才有意义，因为nvue中全局Vue.prototype和Vue.mixin是无效的
|
||||
Vue.config.globalProperties.$m = $m |
||||
// 暂时兼容vue2的$nextTick写法
|
||||
Vue.config.globalProperties.$nextTick = (cb) => { |
||||
cb(); |
||||
} |
||||
// #endif
|
||||
} |
||||
|
||||
export default { |
||||
install |
||||
} |
||||
@ -0,0 +1,8 @@
|
||||
import {host} from "../../../api/config.js"; |
||||
|
||||
export function getSts(data) { |
||||
return uni.$m.service({ |
||||
url: `${host}/user/agree-privacy`, |
||||
method: "post", |
||||
}); |
||||
} |
||||
@ -0,0 +1,598 @@
|
||||
// #ifdef MP-WEIXIN
|
||||
import log from "../../../utils/log"; |
||||
|
||||
const QQMapWX = require('./qqmap-wx-jssdk.min.js'); |
||||
import * as QQMapwx from './/qqmap-wx-jssdk.min.js'; |
||||
|
||||
var qqMapSdk; |
||||
|
||||
// #endif
|
||||
|
||||
// import {getSTS} from "@/api/other";
|
||||
|
||||
import {imgHost, host, oss} from '@/config/host.js' |
||||
import { |
||||
INDEX_PATH, |
||||
LOGIN_PATH, |
||||
OTHER_FIELD, |
||||
PAGEINFO_FIELD, |
||||
TOKEN_FIELD, |
||||
UPLOAD_PATH, |
||||
USERINFO_FIELD |
||||
} from '@/config/config.js' |
||||
import store from "@/store"; |
||||
import {LIMIT_FIELD} from "../../../config/config"; |
||||
// import store from "@/store";
|
||||
// const store = useStore();
|
||||
export default { |
||||
loginModalState: true, |
||||
mapLocation: () => { |
||||
|
||||
return new Promise((relove, reject) => { |
||||
|
||||
wx.authorize({ |
||||
scope: 'scope.userFuzzyLocation', |
||||
success(res) { |
||||
if (res.errMsg == 'authorize:ok') { |
||||
wx.getFuzzyLocation({ |
||||
type: 'wgs84', |
||||
success(re) { |
||||
console.log(re); |
||||
uni.chooseLocation({ |
||||
latitude: re.latitude, |
||||
longitude: re.longitude, |
||||
success: function (data) { |
||||
console.log(data); |
||||
let obj = { |
||||
latitude: data.latitude, |
||||
longitude: data.longitude, |
||||
address: data.address |
||||
} |
||||
if (data.errMsg == 'chooseLocation:ok') { |
||||
qqMapSdk = new QQMapWX({ |
||||
key: 'K65BZ-LULE4-744UV-X4EIA-27RA5-A4FWT' |
||||
}) |
||||
qqMapSdk.reverseGeocoder({ |
||||
location: { |
||||
latitude: data.latitude, |
||||
longitude: data.longitude |
||||
}, |
||||
success: function (mapres) { |
||||
console.log(mapres); |
||||
if (mapres.message == 'query ok') { |
||||
obj.name = mapres.result.formatted_addresses.recommend |
||||
obj.city = mapres.result.address_component.city |
||||
relove(obj) |
||||
} |
||||
} |
||||
}) |
||||
} |
||||
} |
||||
}); |
||||
} |
||||
}) |
||||
} |
||||
}, |
||||
fail(err) { |
||||
reject(err); |
||||
} |
||||
}) |
||||
}) |
||||
}, |
||||
getLocation(details) { |
||||
return new Promise((relove, reject) => { |
||||
qqMapSdk = new QQMapWX({ |
||||
key: 'K65BZ-LULE4-744UV-X4EIA-27RA5-A4FWT' |
||||
}) |
||||
qqMapSdk.geocoder({ |
||||
//获取表单传入地址
|
||||
address: details.activedeta.city + details.activedeta.address, //地址参数，例：固定地址，address: '北京市海淀区彩和坊路海淀西大街74号'
|
||||
success: function (res) {//成功后的回调
|
||||
console.log(res); |
||||
relove(res.result) |
||||
}, |
||||
fail: function (error) { |
||||
console.error(error); |
||||
}, |
||||
complete: function (res) { |
||||
console.log(res); |
||||
} |
||||
}) |
||||
}) |
||||
}, |
||||
urlToObj: (url) => { |
||||
let obj = {} |
||||
let str = url.slice(url.indexOf('?') + 1) |
||||
let arr = str.split('&') |
||||
for (let j = arr.length, i = 0; i < j; i++) { |
||||
let arr_temp = arr[i].split('=') |
||||
obj[arr_temp[0]] = arr_temp[1] |
||||
} |
||||
return obj |
||||
}, |
||||
uploadFile: (file) => { |
||||
// console.log(file);
|
||||
return new Promise((resolve, reject) => { |
||||
uni.showLoading({ |
||||
title: '上传中' |
||||
}).then() |
||||
uni.uploadFile({ |
||||
url: host + UPLOAD_PATH, //仅为示例，非真实的接口地址
|
||||
filePath: file, |
||||
name: 'file', |
||||
success: (uploadFileRes) => { |
||||
uni.hideLoading() |
||||
resolve(JSON.parse(uploadFileRes.data).data) |
||||
}, |
||||
fail: (err => { |
||||
reject(err); |
||||
}) |
||||
}); |
||||
}) |
||||
}, |
||||
getImgUrl: (url) => { |
||||
if (url) { |
||||
if (url.indexOf('http') === -1) { |
||||
return imgHost + url |
||||
} else { |
||||
return url |
||||
} |
||||
} else { |
||||
return '' |
||||
} |
||||
|
||||
}, |
||||
getImgUrlToHttps: (url) => { |
||||
if (url) { |
||||
if (url.indexOf('https') == -1) { |
||||
console.log(url.replace('http', 'https')) |
||||
return url.replace('http', 'https') |
||||
} else { |
||||
return url |
||||
} |
||||
} else { |
||||
return '' |
||||
} |
||||
|
||||
}, |
||||
/** |
||||
* 失败 |
||||
*/ |
||||
error: (msg) => { |
||||
|
||||
return new Promise((relove, reject) => { |
||||
uni.showToast({ |
||||
title: msg, |
||||
icon: "none" |
||||
}) |
||||
setTimeout(() => { |
||||
relove(); |
||||
}, 1500) |
||||
}) |
||||
|
||||
}, |
||||
/** |
||||
* 成功提示 |
||||
*/ |
||||
success: (msg) => { |
||||
|
||||
return new Promise((resolve, reject) => { |
||||
uni.showToast({ |
||||
title: msg, |
||||
icon: "success" |
||||
}) |
||||
setTimeout(() => { |
||||
resolve(); |
||||
}, 1500) |
||||
}) |
||||
|
||||
}, |
||||
/** |
||||
* 确认对话框 |
||||
* @param {Object} contents |
||||
* @param {Object} callback |
||||
*/ |
||||
confirm: (contents) => { |
||||
|
||||
return new Promise((relove, reject) => { |
||||
|
||||
uni.showModal({ |
||||
title: '提示', |
||||
content: contents, |
||||
success: function (res) { |
||||
if (res.confirm) { |
||||
relove(); |
||||
} |
||||
} |
||||
}); |
||||
|
||||
}) |
||||
|
||||
}, |
||||
payment: (param) => { |
||||
|
||||
return new Promise((relove, reject) => { |
||||
uni.requestPayment({ |
||||
provider: 'wxpay', |
||||
timeStamp: param.timeStamp, |
||||
nonceStr: param.nonceStr, |
||||
package: param.package, |
||||
signType: param.signType, |
||||
paySign: param.paySign, |
||||
success: function (res) { |
||||
relove(res); |
||||
}, |
||||
fail: function (err) { |
||||
console.log(err); |
||||
|
||||
api.error("支付失败"); |
||||
reject(err); |
||||
} |
||||
}); |
||||
|
||||
}) |
||||
}, |
||||
navHeight: () => { |
||||
let system, menu, systemBar, navigationBar, navPaddingTop, navHeight, headerPadding; |
||||
//获取系统信息
|
||||
try { |
||||
wx.getSystemInfo({ |
||||
success: res => { |
||||
this.system = res |
||||
} |
||||
}) |
||||
// log('res',this.system);
|
||||
//获取胶囊信息
|
||||
this.menu = wx.getMenuButtonBoundingClientRect() |
||||
this.systemBar = this.system.statusBarHeight //状态栏高度
|
||||
this.navigationBar = (this.menu.top - this.system.statusBarHeight) * 2 + this.menu.height //胶囊高度
|
||||
this.navPaddingTop = this.systemBar; |
||||
this.navHeight = this.menu.height; |
||||
this.headerPadding = (this.menu.top - this.systemBar); |
||||
|
||||
this.systemBarHeight = (this.navPaddingTop + this.navHeight + (this.headerPadding * 2)) |
||||
} catch (e) { |
||||
//默认高度，刘海屏
|
||||
this.navPaddingTop = 43; |
||||
this.navHeight = 32; |
||||
this.headerPadding = 4; |
||||
} |
||||
return { |
||||
navPaddingTop: this.navPaddingTop, |
||||
navHeight: this.navHeight, |
||||
headerPadding: this.headerPadding, |
||||
systemBarHeight: this.systemBarHeight, |
||||
windowHeihgt: (this.system.windowHeight - this.systemBarHeight) |
||||
}; |
||||
}, |
||||
wxSystemInfo: () => { |
||||
let system; |
||||
//获取系统信息
|
||||
try { |
||||
wx.getSystemInfo({ |
||||
success: res => { |
||||
this.system = res |
||||
} |
||||
}) |
||||
} catch (e) { |
||||
|
||||
} |
||||
return { |
||||
system: this.system |
||||
}; |
||||
}, |
||||
uniSysInfo: (flush = false) => { |
||||
return new Promise((resolve, reject) => { |
||||
if (uni.getStorageSync('sysInfo') && !flush) { |
||||
resolve(uni.getStorageSync('sysInfo')); |
||||
} else { |
||||
//#ifdef MP-WEIXIN
|
||||
let menuButtonInfo = uni.getMenuButtonBoundingClientRect(); |
||||
// #endif
|
||||
//#ifdef APP-PLUS
|
||||
let menuButtonInfo = {height:0,top:0}; |
||||
// #endif
|
||||
|
||||
let sysInfo = uni.getSystemInfoSync(); |
||||
let sysMenuHeight = sysInfo.statusBarHeight; |
||||
let sysWindowHeight = sysInfo.windowHeight; |
||||
let menuButtonHeight = menuButtonInfo.height |
||||
let menuButtonPadding = menuButtonInfo.top - sysMenuHeight; |
||||
let sysAndMenuHeight = sysMenuHeight + 44;// (sysMenuHeight+menuButtonHeight+(menuButtonPadding*2));
|
||||
let windowHeight = (sysWindowHeight - sysAndMenuHeight); |
||||
|
||||
let safeAreaInsetBottom = (sysInfo.safeAreaInsets.bottom); |
||||
let data = { |
||||
sysMenuHeight: sysMenuHeight, |
||||
menuButtonHeight: menuButtonHeight, |
||||
menuButtonPadding: menuButtonPadding, |
||||
sysAndMenuHeight: sysAndMenuHeight, |
||||
windowHeight: windowHeight, |
||||
safeAreaInsetBottom: safeAreaInsetBottom, |
||||
} |
||||
uni.setStorageSync('sysInfo', data); |
||||
resolve(data); |
||||
} |
||||
|
||||
}) |
||||
}, |
||||
uploadOssFile: (file) => { |
||||
return new Promise((resolve, reject) => { |
||||
// getSTS({}).then(res => {
|
||||
// // const client = new OSS(res.data);
|
||||
// // console.log(file);
|
||||
// uni.showLoading({
|
||||
// title:'上传中'
|
||||
// })
|
||||
// let timer = new Date();
|
||||
// let address = timer.getFullYear() + '' + (timer.getMonth() + 1) + '' + timer.getDate();
|
||||
// address = 'upload/' + address + '/';
|
||||
// var imageSrc = file;
|
||||
// let str = file.substr(file.lastIndexOf('.'));
|
||||
// let nameStr = address + timer.getTime() + str;
|
||||
// uni.uploadFile({
|
||||
// url: `${oss}`, //仅为示例，非真实的接口地址
|
||||
// filePath:file,
|
||||
// name: 'file',
|
||||
// header: {
|
||||
// "content-type": "application/json;charset=utf-8",
|
||||
// },
|
||||
// formData:Object.assign({
|
||||
// name:nameStr,
|
||||
// key:nameStr,
|
||||
// success_action_status: '200',
|
||||
// },res.data),
|
||||
// success: (uploadFileRes) => {
|
||||
// uni.hideLoading()
|
||||
// resolve ({show_path:oss+'/' + nameStr});
|
||||
// // relove(JSON.parse(uploadFileRes.data).data)
|
||||
// // console.log(JSON.parse(uploadFileRes.data).data);
|
||||
// },
|
||||
// fail:(res) =>{
|
||||
// uni.hideLoading()
|
||||
// console.log(res)
|
||||
// return {};
|
||||
// }
|
||||
// });
|
||||
// });
|
||||
}) |
||||
}, |
||||
logout: (reLaunch = true, confirm = true) => { |
||||
return new Promise((resolve, reject) => { |
||||
if (confirm) { |
||||
uni.$m.confirm('是否退出登录').then(res => { |
||||
uni.$m.doLogout(reLaunch) |
||||
resolve(); |
||||
}) |
||||
} else { |
||||
uni.$m.doLogout(reLaunch); |
||||
resolve(); |
||||
} |
||||
|
||||
}) |
||||
}, |
||||
doLogout: (reLaunch = true) => { |
||||
uni.showLoading({title: '退出中'}).then(); |
||||
uni.removeStorageSync('token'); |
||||
// store.commit('userInfo',{});
|
||||
// store.commit('userExtends',{});
|
||||
// uni.$m.uniSysInfo().then(() => {
|
||||
if (reLaunch) { |
||||
uni.reLaunch({url: INDEX_PATH}).then(); |
||||
} |
||||
uni.hideLoading(); |
||||
// }).catch(err => {
|
||||
// uni.hideLoading();
|
||||
// })
|
||||
}, |
||||
navTo: (url, token = false) => { |
||||
uni.$m.checkToken(token, () => { |
||||
uni.navigateTo({ |
||||
url: url |
||||
}).then(); |
||||
}); |
||||
}, |
||||
navBack: () => { |
||||
uni.navigateBack({ |
||||
delta:1, |
||||
success:() => { |
||||
console.log('backSuccess') |
||||
}, |
||||
fail: (err) => { |
||||
uni.navigateTo({ |
||||
url: INDEX_PATH |
||||
}).then() |
||||
} |
||||
}); |
||||
}, |
||||
switchTo: (url, token = false) => { |
||||
uni.$m.checkToken(token, () => { |
||||
uni.switchTab({ |
||||
url: url |
||||
}).then(); |
||||
}); |
||||
}, |
||||
redTo: (url, token = false) => { |
||||
uni.$m.checkToken(token, () => { |
||||
uni.redirectTo({ |
||||
url: url |
||||
}).then(); |
||||
}); |
||||
}, |
||||
checkToken: (token, callback = ()=>{}) => { |
||||
if (token) { |
||||
if (uni.getStorageSync('token')) { |
||||
callback(true) |
||||
} else { |
||||
uni.navigateTo({ |
||||
url: LOGIN_PATH |
||||
}).then(); |
||||
} |
||||
} else { |
||||
callback(true) |
||||
} |
||||
}, |
||||
getFileType: (name) => { |
||||
let str = name.substr(name.lastIndexOf('.') + 1).toUpperCase(); |
||||
const imageType = ['JPG', 'JPEG', 'PNG', 'GIF', 'BMP', 'TIF', 'TGA', 'DDS', 'SVG', 'EPS', 'RAW', 'PSD']; |
||||
const videoType = ['MP4', 'MOV', 'WMV', 'FLV', 'AVI', 'AVCHD', 'WEBM', 'MKV']; |
||||
if (imageType.indexOf(str) !== -1) { |
||||
return 'image'; |
||||
} else if (videoType.indexOf(str) !== -1) { |
||||
return 'video'; |
||||
} else { |
||||
return 'none'; |
||||
} |
||||
}, |
||||
sleep: (time) => { |
||||
return new Promise((resolve, reject) => { |
||||
setTimeout(() => { |
||||
resolve(); |
||||
}, time); |
||||
}); |
||||
}, |
||||
getDomHeight: (domName) => { |
||||
return new Promise((resolve) => { |
||||
uni.$m.sleep(10).then(() => { |
||||
const info = uni.createSelectorQuery().select(domName); |
||||
info.boundingClientRect(function (data) { |
||||
console.log(data) |
||||
resolve(data.height); |
||||
}).exec(function (res) { |
||||
}); |
||||
}); |
||||
}) |
||||
}, |
||||
isTop: (data) => { |
||||
return data.scrollTop <= 20; |
||||
}, |
||||
//设置用户信息
|
||||
setUserInfo: (data) => { |
||||
uni.setStorageSync(TOKEN_FIELD, data[TOKEN_FIELD]); |
||||
if(USERINFO_FIELD){ |
||||
uni.setStorageSync(USERINFO_FIELD, data[USERINFO_FIELD]); |
||||
} |
||||
if(OTHER_FIELD){ |
||||
uni.setStorageSync(OTHER_FIELD, data[OTHER_FIELD]); |
||||
} |
||||
uni.$emit('userInfoUpdate',data[USERINFO_FIELD]); |
||||
store.commit('userInfo', data[USERINFO_FIELD]); |
||||
}, |
||||
// 获取用户信息
|
||||
getUserInfo: (field = null) => { |
||||
const user = uni.getStorageSync(USERINFO_FIELD); |
||||
return field ? (user[field] || '') : user; |
||||
}, |
||||
// 获取token
|
||||
getToken: () => { |
||||
return uni.getStorageSync(TOKEN_FIELD); |
||||
}, |
||||
//微信网页登录
|
||||
wechatWeb: (request, params) => { |
||||
request(params).then(res => { |
||||
uni.$m.setUserInfo(res.data); |
||||
uni.$m.success('登录成功') |
||||
setTimeout(() => { |
||||
if (params.url) { |
||||
uni.reLaunch({url: params.url}).then(); |
||||
} else { |
||||
uni.reLaunch({url: INDEX_PATH}).then(); |
||||
} |
||||
}, 2000) |
||||
}); |
||||
}, |
||||
setPageInfo: (pageName, data) => { |
||||
let pageInfo = uni.getStorageSync(PAGEINFO_FIELD) || {}; |
||||
pageInfo[pageName] = data; |
||||
uni.setStorageSync(PAGEINFO_FIELD, pageInfo); |
||||
}, |
||||
getPageInfo: (pageName) => { |
||||
let pageInfo = uni.getStorageSync(PAGEINFO_FIELD) || {}; |
||||
return pageInfo[pageName]; |
||||
}, |
||||
list: (request, lists, pages, status) => { |
||||
return new Promise((resolve, reject) => { |
||||
if (status.value === 'nomore') { |
||||
reject(false); |
||||
return false; |
||||
} |
||||
status.value = 'loading'; |
||||
resolve(request(pages).then(res => { |
||||
if (res.data.length === 0) { |
||||
status.value = 'nomore' |
||||
return false; |
||||
} else { |
||||
lists.value = lists.value.concat(res.data) |
||||
if (res.data.length < parseFloat(pages[LIMIT_FIELD] + '')) { |
||||
status.value = 'nomore' |
||||
} else { |
||||
status.value = 'loadmore' |
||||
} |
||||
} |
||||
pages.page++; |
||||
}).catch((err) => { |
||||
status.value = 'loadmore' |
||||
})); |
||||
}) |
||||
}, |
||||
copy: (data) => { |
||||
return new Promise((resolve, reject) => { |
||||
uni.setClipboardData({ |
||||
data: data, |
||||
success: function () { |
||||
resolve(); |
||||
}, |
||||
fail: function () { |
||||
reject(); |
||||
} |
||||
}); |
||||
}) |
||||
}, |
||||
callPhone: (phone = '') => { |
||||
if (!phone) { |
||||
uni.$m.error('手机号不能为空'); |
||||
return false; |
||||
} |
||||
uni.makePhoneCall({ |
||||
phoneNumber: phone |
||||
}); |
||||
}, |
||||
callPosition: (lat, lng,name) => { |
||||
const latitude = parseFloat(lat); |
||||
const longitude = parseFloat(lng); |
||||
uni.openLocation({ |
||||
latitude: latitude, |
||||
longitude: longitude, |
||||
name: name, |
||||
}) |
||||
}, |
||||
getAddressLocation(address) { |
||||
return new Promise((relove, reject) => { |
||||
qqMapSdk = new QQMapWX({ |
||||
key: 'K65BZ-LULE4-744UV-X4EIA-27RA5-A4FWT' |
||||
}) |
||||
qqMapSdk.geocoder({ |
||||
//获取表单传入地址
|
||||
address: address, //地址参数，例：固定地址，address: '北京市海淀区彩和坊路海淀西大街74号'
|
||||
success: function (res) {//成功后的回调
|
||||
console.log(res); |
||||
relove(res.result) |
||||
}, |
||||
fail: function (error) { |
||||
console.error(error); |
||||
}, |
||||
complete: function (res) { |
||||
console.log(res); |
||||
} |
||||
}) |
||||
}) |
||||
}, |
||||
async logoutYW(){ |
||||
await uni.$m.confirm('确认退出登录?'); |
||||
await uni.showLoading({title: '退出中'}); |
||||
await uni.removeStorageSync('token'); |
||||
uni.hideLoading(); |
||||
uni.reLaunch(LOGIN_PATH) |
||||
|
||||
} |
||||
}; |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,74 @@
|
||||
import {TOKEN_FIELD} from '@/config/config.js' |
||||
// import {refreshToken} from "../../../api";
|
||||
const service = (params,showToast = true,type='default') => { |
||||
return new Promise((resolve, reject) => { |
||||
let token=uni.getStorageSync(TOKEN_FIELD) |
||||
|
||||
// let token = uni.getStorageSync('token')
|
||||
// let now = Math.round(new Date() / 1000);
|
||||
// if(now > token.token_exp){
|
||||
// refreshToken();
|
||||
// }
|
||||
uni.request({ |
||||
url: params.url, |
||||
data: params.data, |
||||
method: params.method, |
||||
dataType: "json", |
||||
header: { |
||||
"content-type": "application/json;charset=utf-8", |
||||
"Authorization":"Bearer "+ token.token |
||||
} |
||||
}).then(res => { |
||||
if (res.statusCode === 200) { |
||||
let data = res.data; |
||||
switch (data.code) { |
||||
case 200: |
||||
resolve(data); |
||||
break; |
||||
case 202: |
||||
if(showToast){ |
||||
uni.hideLoading() |
||||
uni.$m.error(data.msg).then(() => { |
||||
reject(data); |
||||
}); |
||||
}else{ |
||||
reject(data); |
||||
} |
||||
|
||||
break; |
||||
case 203: |
||||
resolve(data); |
||||
break; |
||||
case 1001: |
||||
uni.setStorageSync('token',data.data) |
||||
if(type === 'default'){ |
||||
console.log('default') |
||||
resolve(service(params)) |
||||
}else{ |
||||
console.log('refresh') |
||||
resolve(); |
||||
} |
||||
break; |
||||
case 1002: |
||||
if(showToast){ |
||||
uni.hideLoading() |
||||
uni.$m.error(data.msg); |
||||
} |
||||
reject(data); |
||||
break; |
||||
default: |
||||
reject(data); |
||||
break; |
||||
} |
||||
|
||||
} else { |
||||
uni.$m.error('连接服务器失败') |
||||
} |
||||
}) |
||||
|
||||
}) |
||||
|
||||
|
||||
|
||||
} |
||||
export default service; |
||||
@ -0,0 +1,215 @@
|
||||
export default { |
||||
/** |
||||
* 添加单位 |
||||
* @param num |
||||
* @param unit |
||||
* @returns {string} |
||||
*/ |
||||
addUnit(num, unit = 'px') { |
||||
return (/px$/.test(num)) ? num : num + unit; |
||||
}, |
||||
/** |
||||
* 转换成px |
||||
* 和upx2px区别是可带单位 |
||||
* @param num |
||||
* @returns {string} |
||||
*/ |
||||
getPx(num, isUnit = true) { |
||||
return this.addUnit(( |
||||
/(rpx|upx)$/.test(num)) |
||||
? uni.upx2px(parseFloat(num)) |
||||
: parseFloat(num), isUnit ? 'px' : ''); |
||||
}, |
||||
|
||||
/** |
||||
* 样式转换格式 |
||||
* @param customStyle |
||||
* @param target |
||||
* @returns {{}|*|string|string} |
||||
*/ |
||||
addStyle(customStyle, target = 'object') { |
||||
// 字符串转字符串，对象转对象情形，直接返回
|
||||
if (this.empty(customStyle) || typeof (customStyle) === 'object' && target === 'object' || target === 'string' && |
||||
typeof (customStyle) === 'string') { |
||||
return customStyle |
||||
} |
||||
// 字符串转对象
|
||||
if (target === 'object') { |
||||
// 去除字符串样式中的两端空格(中间的空格不能去掉，比如padding: 20px 0如果去掉了就错了)，空格是无用的
|
||||
customStyle = this.trim(customStyle) |
||||
// 根据";"将字符串转为数组形式
|
||||
const styleArray = customStyle.split(';') |
||||
const style = {} |
||||
// 历遍数组，拼接成对象
|
||||
for (let i = 0; i < styleArray.length; i++) { |
||||
// 'font-size:20px;color:red;'，如此最后字符串有";"的话，会导致styleArray最后一个元素为空字符串，这里需要过滤
|
||||
if (styleArray[i]) { |
||||
const item = styleArray[i].split(':') |
||||
style[this.trim(item[0])] = this.trim(item[1]) |
||||
} |
||||
} |
||||
return style |
||||
} |
||||
// 这里为对象转字符串形式
|
||||
let string = '' |
||||
for (const i in customStyle) { |
||||
// 驼峰转为中划线的形式，否则css内联样式，无法识别驼峰样式属性名
|
||||
const key = i.replace(/([A-Z])/g, '-$1').toLowerCase() |
||||
string += `${key}:${customStyle[i]};` |
||||
} |
||||
// 去除两端空格
|
||||
return this.trim(string) |
||||
}, |
||||
/** |
||||
* 判断是否为空 |
||||
*/ |
||||
empty(value) { |
||||
switch (typeof value) { |
||||
case 'undefined': |
||||
return true |
||||
case 'string': |
||||
if (value.replace(/(^[ \t\n\r]*)|([ \t\n\r]*$)/g, '').length == 0) return true |
||||
break |
||||
case 'boolean': |
||||
if (!value) return true |
||||
break |
||||
case 'number': |
||||
if (value === 0 || isNaN(value)) return true |
||||
break |
||||
case 'object': |
||||
if (value === null || value.length === 0) return true |
||||
for (const i in value) { |
||||
return false |
||||
} |
||||
return true |
||||
} |
||||
return false |
||||
}, |
||||
/** |
||||
* @description 去除空格 |
||||
* @param str |
||||
* @param pos |
||||
*/ |
||||
trim(str, pos = 'both') { |
||||
str = String(str) |
||||
if (pos == 'both') { |
||||
return str.replace(/^\s+|\s+$/g, '') |
||||
} |
||||
if (pos == 'left') { |
||||
return str.replace(/^\s*/, '') |
||||
} |
||||
if (pos == 'right') { |
||||
return str.replace(/(\s*$)/g, '') |
||||
} |
||||
if (pos == 'all') { |
||||
return str.replace(/\s+/g, '') |
||||
} |
||||
return str |
||||
}, |
||||
/** |
||||
* @description 格式化时间 |
||||
* @param {String|Number} dateTime 需要格式化的时间戳 |
||||
* @param {String} fmt 格式化规则 yyyy:mm:dd|yyyy:mm|yyyy年mm月dd日|yyyy年mm月dd日 hh时MM分等,可自定义组合 默认yyyy-mm-dd |
||||
* @returns {string} 返回格式化后的字符串 |
||||
*/ |
||||
timeFormat(dateTime = null, formatStr = 'yyyy-mm-dd') { |
||||
let date |
||||
// 若传入时间为假值，则取当前时间
|
||||
if (!dateTime) { |
||||
date = new Date() |
||||
} |
||||
// 若为unix秒时间戳，则转为毫秒时间戳（逻辑有点奇怪，但不敢改，以保证历史兼容）
|
||||
else if (/^\d{10}$/.test(dateTime.toString().trim())) { |
||||
date = new Date(dateTime * 1000) |
||||
} |
||||
// 若用户传入字符串格式时间戳，new Date无法解析，需做兼容
|
||||
else if (typeof dateTime === 'string' && /^\d+$/.test(dateTime.trim())) { |
||||
date = new Date(Number(dateTime)) |
||||
} |
||||
// 其他都认为符合 RFC 2822 规范
|
||||
else { |
||||
// 处理平台性差异，在Safari/Webkit中，new Date仅支持/作为分割符的字符串时间
|
||||
date = new Date( |
||||
typeof dateTime === 'string' |
||||
? dateTime.replace(/-/g, '/') |
||||
: dateTime |
||||
) |
||||
} |
||||
|
||||
const timeSource = { |
||||
'y': date.getFullYear().toString(), // 年
|
||||
'm': (date.getMonth() + 1).toString().padStart(2, '0'), // 月
|
||||
'd': date.getDate().toString().padStart(2, '0'), // 日
|
||||
'h': date.getHours().toString().padStart(2, '0'), // 时
|
||||
'M': date.getMinutes().toString().padStart(2, '0'), // 分
|
||||
's': date.getSeconds().toString().padStart(2, '0') // 秒
|
||||
// 有其他格式化字符需求可以继续添加，必须转化成字符串
|
||||
} |
||||
|
||||
for (const key in timeSource) { |
||||
const [ret] = new RegExp(`${key}+`).exec(formatStr) || [] |
||||
if (ret) { |
||||
// 年可能只需展示两位
|
||||
const beginIndex = key === 'y' && ret.length === 2 ? 2 : 0 |
||||
formatStr = formatStr.replace(ret, timeSource[key].slice(beginIndex)) |
||||
} |
||||
} |
||||
|
||||
return formatStr |
||||
}, |
||||
deepClone(data){ |
||||
return JSON.parse(JSON.stringify(data)); |
||||
}, |
||||
downloadFile(url,name){ |
||||
new Promise((resolve, reject) => { |
||||
let dTask = plus.downloader.createDownload(url, { |
||||
filename: 'file://storage/emulated/0/阅文系统/' + name |
||||
}, (d, status) => { |
||||
//d为下载的文件对象
|
||||
if (status === 200) { |
||||
resolve('file://storage/emulated/0/阅文系统/' + name); |
||||
} else { |
||||
reject(); |
||||
} |
||||
}) |
||||
dTask.start(); |
||||
}) |
||||
}, |
||||
getDirFile(name){ |
||||
return new Promise((resolve, reject) => { |
||||
plus.io.requestFileSystem(plus.io.PRIVATE_DOC, function (fs) { |
||||
fs.root.getDirectory('阅文系统/' + name, {}, function (entry) { |
||||
entry.createReader().readEntries(function (entries) { |
||||
resolve(entries); |
||||
}, function (err) { |
||||
console.log('entries', err) |
||||
reject(); |
||||
}); |
||||
}, function (err) { |
||||
console.log('entry', err) |
||||
reject(); |
||||
}); |
||||
}, function (err) { |
||||
console.log('fs', err) |
||||
reject(); |
||||
}) |
||||
}) |
||||
}, |
||||
checkFile(name){ |
||||
return new Promise((resolve, reject) => { |
||||
plus.io.requestFileSystem(plus.io.PRIVATE_DOC, function (fs) { |
||||
fs.root.getFile('阅文系统/' + name, {}, function (entry) { |
||||
console.log(entry) |
||||
resolve(); |
||||
}, function (err) { |
||||
console.log('entry', err) |
||||
reject(); |
||||
}); |
||||
}, function (err) { |
||||
console.log('fs', err) |
||||
reject(); |
||||
}) |
||||
}) |
||||
}, |
||||
}; |
||||
|
||||
@ -0,0 +1,142 @@
|
||||
view,scroll-view{ |
||||
box-sizing:border-box; |
||||
} |
||||
.transition{ |
||||
transition-duration: .2s; |
||||
transition-timing-function: ease-in-out; |
||||
transition-delay: .2s; |
||||
|
||||
-webkit-transition-duration: .2s; |
||||
-webkit-transition-timing-function: ease-in-out; |
||||
-webkit-transition-delay: .2s; |
||||
} |
||||
.body-background{ |
||||
position: fixed; |
||||
top:0; |
||||
left:0; |
||||
width:100%; |
||||
height:100%; |
||||
background:{ |
||||
size:100% 100%; |
||||
position: center center; |
||||
repeat:no-repeat; |
||||
} |
||||
z-index: -1; |
||||
} |
||||
.border-box{ |
||||
box-sizing: border-box; |
||||
} |
||||
.flex{ |
||||
display:flex; |
||||
} |
||||
.flex-column{ |
||||
flex-direction: column; |
||||
} |
||||
.row{ |
||||
box-sizing: border-box; |
||||
width:100%; |
||||
display:flex; |
||||
flex-wrap: wrap; |
||||
} |
||||
.col-12{ |
||||
box-sizing: border-box; |
||||
flex: 0 0 100%; |
||||
} |
||||
.col-8{ |
||||
box-sizing: border-box; |
||||
flex: 0 0 66.66%; |
||||
} |
||||
.col-6{ |
||||
box-sizing: border-box; |
||||
flex: 0 0 50%; |
||||
} |
||||
.col-4{ |
||||
box-sizing: border-box; |
||||
flex: 0 0 33.33%; |
||||
} |
||||
.col-3{ |
||||
box-sizing: border-box; |
||||
flex: 0 0 25%; |
||||
} |
||||
.col-2{ |
||||
box-sizing: border-box; |
||||
flex: 0 0 16.667%; |
||||
} |
||||
.col-1{ |
||||
box-sizing: border-box; |
||||
flex: 0 0 8.333%; |
||||
} |
||||
.col{ |
||||
flex:1; |
||||
} |
||||
.col-auto{ |
||||
flex:auto; |
||||
} |
||||
|
||||
.align-center{ |
||||
align-items: center; |
||||
} |
||||
.justify-center{ |
||||
justify-content: center; |
||||
} |
||||
.justify-between{ |
||||
justify-content: space-between; |
||||
} |
||||
.text-center{ |
||||
text-align: center; |
||||
} |
||||
|
||||
@for $i from 1 through 5 { |
||||
.mb-#{$i} { |
||||
margin-bottom: #{$i}0rpx; |
||||
} |
||||
.mr-#{$i} { |
||||
margin-right: #{$i}0rpx; |
||||
} |
||||
.ml-#{$i} { |
||||
margin-left: #{$i}0rpx; |
||||
} |
||||
.mt-#{$i} { |
||||
margin-top: #{$i}0rpx; |
||||
} |
||||
.pb-#{$i} { |
||||
padding-bottom: #{$i}0rpx; |
||||
} |
||||
.pr-#{$i} { |
||||
padding-right: #{$i}0rpx; |
||||
} |
||||
.pl-#{$i} { |
||||
padding-left: #{$i}0rpx; |
||||
} |
||||
.pt-#{$i} { |
||||
padding-top: #{$i}0rpx; |
||||
} |
||||
} |
||||
|
||||
@for $i from 1 through 5 { |
||||
.m-line-#{$i} { |
||||
/* #ifdef APP-NVUE */ |
||||
// nvue下，可以直接使用lines属性，这是weex特有样式 |
||||
lines: $i; |
||||
text-overflow: ellipsis; |
||||
overflow: hidden; |
||||
flex: 1; |
||||
/* #endif */ |
||||
|
||||
/* #ifndef APP-NVUE */ |
||||
// vue下，单行和多行显示省略号需要单独处理 |
||||
@if $i == '1' { |
||||
overflow: hidden; |
||||
white-space: nowrap; |
||||
text-overflow: ellipsis; |
||||
} @else { |
||||
display: -webkit-box!important; |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
word-break: break-all; |
||||
-webkit-line-clamp: $i; |
||||
-webkit-box-orient: vertical!important; |
||||
} |
||||
/* #endif */ |
||||
} |
||||
} |
||||
@ -0,0 +1,6 @@
|
||||
// 此文件为主题变量，这些变量目前只能通过uni.scss引入才有效，另外由于 |
||||
// uni.scss中引入的样式会同时混入到全局样式文件和单独每一个页面的样式中，造成微信程序包太大， |
||||
// 故uni.scss只建议放scss变量名相关样式，其他的样式可以通过main.js或者App.vue引入 |
||||
$m-checkbox-size: 32rpx !default; |
||||
$m-main-color: #3c9cff !default; |
||||
$m-assistant-color: #398ade !default; |
||||
Loading…
Reference in new issue