aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

2023-11-27-dist 字体放大

Browse Source
This commit is contained in:
X1627315083
2023-11-27 16:25:32 +08:00
parent 1f52565aad
commit 6e39ebf5ed
50 changed files with 1995 additions and 227 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/component/HomePage/ColorboardUpload.vue
View File

@@ -509,7 +509,7 @@ export default defineComponent({
top: 0;
left: calc(47% + 3rem);
.modal_text{
font-size: 1.2rem;
font-size: var(--aida-fsize1-4);
font-weight: 400;
color: rgba(0, 0, 0, 0.45);
display: flex;
@@ -555,7 +555,7 @@ export default defineComponent({
padding: 0.4rem 0 1.6rem 0;
font-weight: bold;
line-height: 2.4rem;
font-size: 1.6rem;
font-size: var(--aida-fsize1-8);
color: #333333;
display: flex;
align-items: center;
@@ -775,6 +775,16 @@ export default defineComponent({
border-radius: 15px;
overflow: hidden;
}
height: 1rem;
.vc-hue-picker{
width: 1.4rem;
height: 1.4rem;
}
.vc-alpha-picker{
width: 1.4rem;
height: 1.4rem;
transform: translate(-.6rem,-.4rem);
}
}
.vc-chrome-hue-wrap{
margin-bottom: .5rem;
@@ -788,30 +798,30 @@ export default defineComponent({
}
.sileder_color{
margin-top:1.3rem;
// .sileder_color{
// margin-top:1.3rem;
.vc-slider-swatches{
display:none
}
.vc-slider-hue-warp {
width: 16.5rem;
height: 2.4rem;
border-radius: 1.2rem;
overflow: hidden;
// .vc-slider-swatches{
// display:none
// }
// .vc-slider-hue-warp {
// width: 16.5rem;
// height: 2.4rem;
// border-radius: 1.2rem;
// overflow: hidden;
.vc-hue-picker{
width: 1.4rem;
height: 1.4rem;
border-radius: 50%;
transform: translate(-0.7rem, -0.2rem);
}
}
.vc-hue-pointer{
top: 0.5rem !important;
}
// .vc-hue-picker{
// width: 1.4rem;
// height: 1.4rem;
// border-radius: 50%;
// transform: translate(-0.7rem, -0.2rem);
// }
// }
// .vc-hue-pointer{
// top: 0.5rem !important;
// }
}
// }
.color_block{
// margin-top: 1rem;

13
src/component/HomePage/Cropper.vue
View File

@@ -162,6 +162,10 @@ export default defineComponent({
}
.cut_pricture_modal{
.ant-modal-content{
transform: scale(1.2);
transform-origin: center !important;
}
*{
pointer-events: auto;
}
@@ -170,13 +174,14 @@ export default defineComponent({
<style lang="less" scoped>
.cut_pricture_modal{
max-width: 1150px ;
// max-width: 1150px ;
.collection_title{
position: absolute;
width: calc(100% - 10rem);
top: 4rem;
display: flex;
font-size: 1.8rem;
font-size: var(--aida-fsize2);
font-weight: 900;
color: rgba(0,0,0,.65);
align-items: center;
@@ -184,7 +189,7 @@ export default defineComponent({
margin-right: 4rem;
}
.collection_title_text_intro{
font-size: 1.2rem;
font-size: var(--aida-fsize1-4);
font-weight: 400;
color: rgba(0,0,0,.45);
}
@@ -303,7 +308,7 @@ export default defineComponent({
padding: 2rem;
display: flex;
align-items: center;
font-size: 1.6rem;
font-size: var(--aida-fsize1-8);
font-weight: 400;
color: #030303;
line-height: 1.8rem;

1
src/component/HomePage/Header.vue
View File

@@ -370,6 +370,7 @@ export default defineComponent({
this.t('Header.jsContent3',{numTime:_this.numTime}),
icon: createVNode(ExclamationCircleOutlined),
okText: "Ok",
centered:true,
onOk() {
_this.numTime = 30;
clearInterval(_this.timerSec);

11
src/component/HomePage/MoodboardUpload.vue
View File

@@ -421,10 +421,15 @@ export default defineComponent({
this.fileList = setboard.moodboard
},
changeTemplateModal() {
async changeTemplateModal() {
if(this.modalImg[0]?.id){
let layout:any = isMoible() ? this.$refs.layoutMobile : this.$refs.layout
// layout.init('moodboard')
if(this.layoutList.length <= 0){
await this.layout()
}
// let arr = JSON.parse(JSON.stringify(this.store.state.UploadFilesModule.moodboard))
// this.layoutList = arr
layout.init()
}else{
message.info(this.t('MoodboardUpload.jsContent5'))
@@ -521,7 +526,7 @@ export default defineComponent({
background: #fff;
border-radius: 0.8rem;
line-height: 4rem;
font-size: 1.6rem;
font-size: var(--aida-fsize1-8);
// margin-right: 2.2rem;
margin-right: 8rem;
color: #000;
@@ -599,7 +604,7 @@ export default defineComponent({
flex-direction: column;
.modal_layout,.modal_accomplish{
.modal_text{
font-size: 1.2rem;
font-size:var(--aida-fsize1-4);
font-weight: 400;
color: rgba(0, 0, 0, 0.45);
display: flex;

4
src/component/HomePage/PrintboardUpload.vue
View File

@@ -718,7 +718,7 @@ export default defineComponent({
background: #fff;
border-radius: 0.8rem;
line-height: 4rem;
font-size: 1.6rem;
font-size: var(--aida-fsize1-8);
// margin-right: 2.2rem;
margin-right: 8rem;
color: #000;
@@ -896,7 +896,7 @@ export default defineComponent({
flex-direction: column;
.modal_layout,.modal_accomplish{
.modal_text{
font-size: 1.2rem;
font-size: var(--aida-fsize1-4);
font-weight: 400;
color: rgba(0, 0, 0, 0.45);
display: flex;

4
src/component/HomePage/SketchboardUpload.vue
View File

@@ -687,7 +687,7 @@ export default defineComponent({
background: #fff;
border-radius: 0.8rem;
line-height: 4rem;
font-size: 1.6rem;
font-size: var(--aida-fsize1-8);
// margin-right: 2.2rem;
margin-right: 8rem;
color: #000;
@@ -860,7 +860,7 @@ export default defineComponent({
flex-direction: column;
.modal_layout,.modal_accomplish{
.modal_text{
font-size: 1.2rem;
font-size: var(--aida-fsize1-4);
font-weight: 400;
color: rgba(0, 0, 0, 0.45);
display: flex;

7
src/component/HomePage/collectionModal.vue
View File

@@ -161,7 +161,7 @@ export default defineComponent({
okText: 'Yes',
cancelText: 'No',
mask:false,
// centered:true,
centered:true,
onOk() {
GO.id = 0
_this.showCollectionModal = false
@@ -211,6 +211,7 @@ export default defineComponent({
}
})
.catch((res) => {
this.isShowMark = false
});
@@ -227,7 +228,7 @@ export default defineComponent({
.collection_title{
top: 4rem;
display: flex;
font-size: 1.8rem;
font-size: var(--aida-fsize2);
font-weight: 900;
color: rgba(0,0,0,.65);
z-index: 2;
@@ -248,7 +249,7 @@ export default defineComponent({
margin-right: 4rem;
}
.collection_title_text_intro{
font-size: 1.2rem;
font-size: var(--aida-fsize1-4);
font-weight: 400;
color: rgba(0,0,0,.45);
}

30
src/component/HomePage/layout.vue
View File

@@ -377,9 +377,6 @@ export default defineComponent({
let eY:any
let elParentSide = Math.sqrt(elParent.offsetWidth/2*elParent.offsetWidth/2+elParent.offsetHeight/2*elParent.offsetHeight/2)
let mouseMove = (e:MouseEvent)=>{
// console.log(e.x,el.getBoundingClientRect().left);
// if(){
// }
if (mouse) {
if(angle.value == 'right'){
eX = elParent.offsetWidth - e.offsetX
@@ -398,31 +395,34 @@ export default defineComponent({
// el.style.left = e.offsetX /2 +'px'
// el.style.top = e.offsetY /2+'px'
if(100 - 100 * mouseSide/elParentSide <= 50){
let Xy = (100 - 100 * mouseSide/elParentSide) / 3.33-1
if(Xy<=0){
Xy = 0
}
if(angle.value == 'right'){
el.parentNode.style.borderTopLeftRadius = 100 - 100 * mouseSide/elParentSide +'%'
elParent.style.borderTopLeftRadius = 100 - 100 * mouseSide/elParentSide +'%'
el.style.left = (100 - 100 * mouseSide/elParentSide) / 3.33-1 +'%'
el.style.top = (100 - 100 * mouseSide/elParentSide) / 3.33-1 +'%'
el.style.left = Xy +'%'
el.style.top = Xy +'%'
}else if(angle.value == 'top'){
el.parentNode.style.borderTopRightRadius = 100 - 100 * mouseSide/elParentSide +'%'
elParent.style.borderTopRightRadius = 100 - 100 * mouseSide/elParentSide +'%'
el.style.right = (100 - 100 * mouseSide/elParentSide) / 3.33-1 +'%'
el.style.right = Xy +'%'
el.style.left = 'auto'
el.style.top = (100 - 100 * mouseSide/elParentSide) / 3.33-1 +'%'
el.style.top = Xy +'%'
}else if(angle.value == 'bottom'){
el.parentNode.style.borderBottomRightRadius = 100 - 100 * mouseSide/elParentSide +'%'
elParent.style.borderBottomRightRadius = 100 - 100 * mouseSide/elParentSide +'%'
el.style.right = (100 - 100 * mouseSide/elParentSide) / 3.33-1 +'%'
el.style.right = Xy +'%'
el.style.top = 'auto'
el.style.left = 'auto'
el.style.bottom = (100 - 100 * mouseSide/elParentSide) / 3.33-1 +'%'
el.style.bottom = Xy +'%'
}else if(angle.value == 'left'){
el.parentNode.style.borderBottomLeftRadius = 100 - 100 * mouseSide/elParentSide +'%'
elParent.style.borderBottomLeftRadius = 100 - 100 * mouseSide/elParentSide +'%'
el.style.left = (100 - 100 * mouseSide/elParentSide) / 3.33-1 +'%'
el.style.left = Xy +'%'
el.style.top = 'auto'
el.style.bottom = (100 - 100 * mouseSide/elParentSide) / 3.33-1 +'%'
el.style.bottom = Xy +'%'
}
}else{
if(angle.value == 'right'){
@@ -443,7 +443,7 @@ export default defineComponent({
// 添加鼠标松开事件监听器
document.addEventListener('mouseup', () => {
mouse = false;
document.removeEventListener('mousemove',mouseMove)
el.removeEventListener('mousemove',mouseMove)
el.parentNode.children.forEach((v:any) =>{
v.classList.remove('eventNode')
})
@@ -626,6 +626,10 @@ export default defineComponent({
-ms-user-select: none;
-khtml-user-select: none;
user-select: none;
.ant-modal-content{
transform: scale(1.2);
transform-origin: center !important;
}
// max-width: 1150px;
.ant-modal-body {
padding: 0;

100
src/component/HomePage/layoutMobile.vue
View File

@@ -188,7 +188,7 @@ export default defineComponent({
// document.addEventListener('touchmove',(e: MouseEvent)=>{
// })
document.ontouchmove = function(e){
let touchmove = function(e:any){
if(mouse){
el.style.left = e.targetTouches[0].pageX-mouseX - domX+'px'
el.style.top = e.targetTouches[0].pageY-mouseY - domY+'px'
@@ -206,10 +206,13 @@ export default defineComponent({
}
}
}
document.ontouchend = function(){
mouse = false
// document.onmousemove = false;
let removeEventListener = function(){
mouse = false;
document.removeEventListener('touchmove',touchmove );
document.removeEventListener('touchmove',touchmove );
}
document.addEventListener('touchmove',touchmove );
document.addEventListener('touchend', removeEventListener);
})
},
updated (el,layout) {
@@ -220,6 +223,7 @@ export default defineComponent({
compile:{
mounted (el,compile) {
el.addEventListener('touchstart',(e:any)=>{
console.log(e);
e.stopPropagation()
let elParent = el.parentNode.parentNode
el.parentElement.parentNode.parentNode.children.forEach((v:any) => {
@@ -251,7 +255,9 @@ export default defineComponent({
gpsXY = e.targetTouches[0].clientY
}
let mouse = true
document.ontouchmove = function(e){
let touchmove = function(e:any){
console.log(123);
if(mouse){
if(compile.value == 'left'){
elParent.style.width = parent + gpsXY - e.targetTouches[0].clientX + 'px'
@@ -280,9 +286,19 @@ export default defineComponent({
}
}
}
document.ontouchend = function(){
mouse = false
let removeEventListener = function(){
mouse = false;
el.parentNode.removeEventListener('touchmove',touchmove );
document.removeEventListener('touchmove',touchmove );
el.parentNode.children.forEach((v:any) =>{
v.classList.remove('eventNode')
})
}
el.parentNode.addEventListener('touchmove',touchmove );
document.addEventListener('touchend', removeEventListener);
// document.ontouchend = function(){
// mouse = false
// }
})
}
},
@@ -379,13 +395,15 @@ export default defineComponent({
let eX:any
let eY:any
let elParentSide = Math.sqrt(elParent.offsetWidth/2*elParent.offsetWidth/2+elParent.offsetHeight/2*elParent.offsetHeight/2)
el.parentNode.addEventListener('touchmove', (e:any) => {
// if(){
let touchMove = (e:any)=>{
// if(e.changedTouches[0].pageX < el.getBoundingClientRect().left){
// mouse = false
// }else{
// mouse = true
// }
if (mouse) {
let offsetX = e.changedTouches[0].pageX - el.getBoundingClientRect().left;
let offsetY = e.changedTouches[0].pageY - el.getBoundingClientRect().top;
let offsetX = e.changedTouches[0].pageX - el.parentNode.getBoundingClientRect().left;
let offsetY = e.changedTouches[0].pageY - el.parentNode.getBoundingClientRect().top;
if(angle.value == 'right'){
eX = elParent.offsetWidth - offsetX
eY = elParent.offsetHeight - offsetY
@@ -394,40 +412,45 @@ export default defineComponent({
eY = elParent.offsetHeight - offsetY
}else if(angle.value == 'left'){
eX = elParent.offsetWidth - offsetX
eY = elParent.offsetHeight - offsetY- elParent.offsetHeight
eY = elParent.offsetHeight - elParent.offsetHeight - offsetY
}else if(angle.value == 'bottom'){
eX = elParent.offsetWidth - offsetX - elParent.offsetWidth
eY = elParent.offsetHeight - offsetY - elParent.offsetHeight
}
let mouseSide = Math.sqrt(eX*eX + eY *+eY)/2
// el.style.left = e.offsetX /2 +'px'
let mouseSide = Math.sqrt(eX*eX + eY* eY)/2
// el.style.left = e.offsetX /2 +'px'
// el.style.top = e.offsetY /2+'px'
if(100 - 100 * mouseSide/elParentSide <= 50){
// console.log(angle.value);
let Xy = (100 - 100 * mouseSide/elParentSide) / 3.33-1
if(Xy<=0){
Xy = 0
}
if(angle.value == 'right'){
el.parentNode.style.borderTopLeftRadius = 100 - 100 * mouseSide/elParentSide +'%'
elParent.style.borderTopLeftRadius = 100 - 100 * mouseSide/elParentSide +'%'
el.style.left = (100 - 100 * mouseSide/elParentSide) / 3.33-1 +'%'
el.style.top = (100 - 100 * mouseSide/elParentSide) / 3.33-1 +'%'
el.style.left = Xy +'%'
el.style.top = Xy +'%'
}else if(angle.value == 'top'){
el.parentNode.style.borderTopRightRadius = 100 - 100 * mouseSide/elParentSide +'%'
elParent.style.borderTopRightRadius = 100 - 100 * mouseSide/elParentSide +'%'
el.style.right = (100 - 100 * mouseSide/elParentSide) / 3.33-1 +'%'
el.style.right = Xy +'%'
el.style.left = 'auto'
el.style.top = (100 - 100 * mouseSide/elParentSide) / 3.33-1 +'%'
el.style.top = Xy +'%'
}else if(angle.value == 'bottom'){
el.parentNode.style.borderBottomRightRadius = 100 - 100 * mouseSide/elParentSide +'%'
elParent.style.borderBottomRightRadius = 100 - 100 * mouseSide/elParentSide +'%'
el.style.right = (100 - 100 * mouseSide/elParentSide) / 3.33-1 +'%'
el.style.right = Xy +'%'
el.style.top = 'auto'
el.style.left = 'auto'
el.style.bottom = (100 - 100 * mouseSide/elParentSide) / 3.33-1 +'%'
el.style.bottom = Xy +'%'
}else if(angle.value == 'left'){
el.parentNode.style.borderBottomLeftRadius = 100 - 100 * mouseSide/elParentSide +'%'
elParent.style.borderBottomLeftRadius = 100 - 100 * mouseSide/elParentSide +'%'
el.style.left = (100 - 100 * mouseSide/elParentSide) / 3.33-1 +'%'
el.style.left = Xy +'%'
el.style.top = 'auto'
el.style.bottom = (100 - 100 * mouseSide/elParentSide) / 3.33-1 +'%'
el.style.bottom = Xy +'%'
}
}else{
if(angle.value == 'right'){
@@ -445,14 +468,19 @@ export default defineComponent({
}
}
}
});
// 添加鼠标松开事件监听器
document.addEventListener('touchend', () => {
mouse = false;
el.parentNode.children.forEach((v:any) =>{
v.classList.remove('eventNode')
})
});
// 添加鼠标松开事件监听器
document.addEventListener('touchend', () => {
mouse = false;
el.parentNode.removeEventListener('touchmove',touchMove );
el.parentNode.children.forEach((v:any) =>{
v.classList.remove('eventNode')
})
});
}
el.parentNode.addEventListener('touchmove',touchMove ,false);
});
@@ -630,6 +658,10 @@ export default defineComponent({
-ms-user-select: none;
-khtml-user-select: none;
user-select: none;
.ant-modal-content{
transform: scale(1.2);
transform-origin: center !important;
}
// max-width: 1150px;
.ant-modal-body {
padding: 0;
@@ -648,7 +680,7 @@ export default defineComponent({
position: absolute;
top: 4rem;
display: flex;
font-size: 1.8rem;
font-size: var(--aida-fsize2);
font-weight: 900;
color: rgba(0,0,0,.65);
align-items: center;
@@ -902,7 +934,7 @@ export default defineComponent({
display: none;
}
.layout_left_text{
font-size: 1.6rem;
font-size: var(--aida-fsize1-6);
margin-bottom: 1rem;
color: #000;
}