|
@@ -4,7 +4,7 @@ import route from "@/route"
|
|
|
import appStore from "@/stores"
|
|
import appStore from "@/stores"
|
|
|
let sysInfo = uni.getSystemInfoSync()
|
|
let sysInfo = uni.getSystemInfoSync()
|
|
|
|
|
|
|
|
-let SCREEN_WIDTH = sysInfo.screenWidth
|
|
|
|
|
|
|
+let SCREEN_WIDTH = sysInfo.screenWidth - 20
|
|
|
let PAGE_X: number, // 手按下的x位置
|
|
let PAGE_X: number, // 手按下的x位置
|
|
|
PAGE_Y: number, // 手按下y的位置
|
|
PAGE_Y: number, // 手按下y的位置
|
|
|
//PR = sysInfo.pixelRatio, // dpi
|
|
//PR = sysInfo.pixelRatio, // dpi
|
|
@@ -23,10 +23,10 @@ let PAGE_X: number, // 手按下的x位置
|
|
|
DRAG_POSITION = 100, // 屏幕宽度和裁剪区域的宽度之差,用于设置裁剪的宽度
|
|
DRAG_POSITION = 100, // 屏幕宽度和裁剪区域的宽度之差,用于设置裁剪的宽度
|
|
|
INIT_DRAG_POSITION = 0, // 初始化屏幕宽度和裁剪区域的宽度之差,用于设置初始化裁剪的宽度
|
|
INIT_DRAG_POSITION = 0, // 初始化屏幕宽度和裁剪区域的宽度之差,用于设置初始化裁剪的宽度
|
|
|
DRAW_IMAGE_W = sysInfo.screenWidth // 设置生成的图片宽度
|
|
DRAW_IMAGE_W = sysInfo.screenWidth // 设置生成的图片宽度
|
|
|
-const user = appStore.authStore.user
|
|
|
|
|
|
|
+const user = computed(() => appStore.authStore.user)
|
|
|
const opts = reactive<any>({
|
|
const opts = reactive<any>({
|
|
|
isShowImg: false,
|
|
isShowImg: false,
|
|
|
- imageSrc: user.avatar ?? "",
|
|
|
|
|
|
|
+ imageSrc: user.value.avatar ?? "",
|
|
|
// 初始化的宽高
|
|
// 初始化的宽高
|
|
|
cropperInitW: SCREEN_WIDTH,
|
|
cropperInitW: SCREEN_WIDTH,
|
|
|
cropperInitH: SCREEN_WIDTH,
|
|
cropperInitH: SCREEN_WIDTH,
|
|
@@ -52,12 +52,12 @@ const opts = reactive<any>({
|
|
|
})
|
|
})
|
|
|
|
|
|
|
|
function onChooseAvatar(e: any) {
|
|
function onChooseAvatar(e: any) {
|
|
|
- console.log("onChooseAvatar", e)
|
|
|
|
|
|
|
+ //console.log("onChooseAvatar", e)
|
|
|
const avatarUrl = e.detail.avatarUrl
|
|
const avatarUrl = e.detail.avatarUrl
|
|
|
opts.imageSrc = avatarUrl
|
|
opts.imageSrc = avatarUrl
|
|
|
INIT_DRAG_POSITION = DRAG_POSITION
|
|
INIT_DRAG_POSITION = DRAG_POSITION
|
|
|
loadImage()
|
|
loadImage()
|
|
|
- console.log("onChooseAvatar", avatarUrl)
|
|
|
|
|
|
|
+ //console.log("onChooseAvatar", avatarUrl)
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
function getImage() {
|
|
function getImage() {
|
|
@@ -388,10 +388,10 @@ onReady(loadImage)
|
|
|
<style>
|
|
<style>
|
|
|
.uni-content-info {
|
|
.uni-content-info {
|
|
|
position: fixed;
|
|
position: fixed;
|
|
|
- top: 45px;
|
|
|
|
|
- left: 0;
|
|
|
|
|
- right: 0;
|
|
|
|
|
- bottom: 0;
|
|
|
|
|
|
|
+ top: 10px;
|
|
|
|
|
+ left: 10px;
|
|
|
|
|
+ right: 10px;
|
|
|
|
|
+ bottom: 0px;
|
|
|
display: block;
|
|
display: block;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
flex-direction: column;
|
|
flex-direction: column;
|