调整design的moodboard的位置信息和部分修改

This commit is contained in:
X1627315083
2024-09-30 15:43:37 +08:00
parent 16d6416f73
commit 8fbd0376b4
14 changed files with 67 additions and 34 deletions

View File

@@ -7,7 +7,7 @@
<div class="account_page_content">
<div class="account_page_content_left">
<div class="content_left_item">
<div>{{$t('account.personCentered')}}</div>
<!-- <div>{{$t('account.personCentered')}}</div> -->
</div>
<!-- {{ router.path }} -->
<router-link class="content_left_item" v-for="item in rootSubmenuKeys" :class="{active: $route.path == item.route}" :to="item.route">

View File

@@ -174,6 +174,7 @@ export default defineComponent({
position: relative;
img{
width: 15rem;
object-fit: contain;
height: 15rem;
border-radius: 50%;
background: #fff;

View File

@@ -157,6 +157,7 @@ export default defineComponent({
img{
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 50%;
}
}

View File

@@ -166,6 +166,7 @@ export default defineComponent({
img{
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 50%;
}
}

View File

@@ -152,6 +152,7 @@ export default defineComponent({
img{
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 50%;
}
}

View File

@@ -159,6 +159,7 @@ export default defineComponent({
img{
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 50%;
}
}

View File

@@ -8,9 +8,10 @@
<i class="icon iconfont icon-fanchehui" @click="historyState('reverse')"></i>
<!-- <i class="icon iconfont icon-move" @click="setOperation('move')" :class="{active:canvasState == 'move'}"></i> -->
<i class="icon iconfont icon-bianji" @click="setOperation('pencil')" :class="{active:canvasState == 'pencil'}"></i>
<i class="icon iconfont icon-xiangpi_huaban1" @click="setOperation('eraser')" :class="{active:canvasState == 'eraser'}"></i>
<div class="editFrontBack_center_btn_colorRed" @click="setOperationColor('rgb(255,0,0)')" :class="{active:rgba == 'rgb(255,0,0)'}" title="front"></div>
<div class="editFrontBack_center_btn_colorGreen" @click="setOperationColor('rgb(0,255,0)')" :class="{active:rgba == 'rgb(0,255,0)'}" title="back"></div>
<!-- <i class="icon iconfont icon-xiangpi_huaban1" @click="setOperation('eraser')" :class="{active:canvasState == 'eraser'}"></i> -->
<div class="editFrontBack_center_btn_colorRed" @click="setOperationColor('rgb(255,0,0)')" :class="{active:rgba == 'rgb(255,0,0)'}" title="front">front</div>
<div class="editFrontBack_center_btn_colorGreen" @click="setOperationColor('rgb(0,255,0)')" :class="{active:rgba == 'rgb(0,255,0)'}" title="back">back</div>
<div class="editFrontBack_center_btn_colorWhite" @click="setOperation('eraser')" :class="{active:canvasState == 'eraser'}" title="background">background</div>
<input type="range" v-show="canvasState != 'move'" @input="setPencilWidth" min="1" max="50" v-model="canvasPencilWidth[canvasState]">
<!-- <div class="icon iconfont icon-xiala" :class="{btnRotate:spreadState}" @click="()=>spreadState = !spreadState"></div> -->
</div>
@@ -75,8 +76,8 @@ export default defineComponent({
let canvasBtn = reactive({
canvasState:'move',
canvasPencilWidth:{
pencil:4,
eraser:4,
pencil:20,
eraser:20,
},
spreadState:false,
})
@@ -221,6 +222,7 @@ export default defineComponent({
pencilbtnStyle.value.top = parentY+'px'
}
let setOperation = (str)=>{
if(!canvas)return
canvasBtn.canvasState = str
if(str == 'move'){
setMove()
@@ -450,6 +452,7 @@ export default defineComponent({
input{
// width: 100%;
flex: 1;
max-width: 30%;
}
.icon-xiala{
position: absolute;
@@ -469,13 +472,16 @@ export default defineComponent({
display: block;
}
}
.editFrontBack_center_btn_colorRed,.editFrontBack_center_btn_colorGreen{
width: 4rem;
height: 2rem;
.editFrontBack_center_btn_colorRed,.editFrontBack_center_btn_colorGreen,.editFrontBack_center_btn_colorWhite{
width: 10rem;
line-height: 3rem;
text-align: center;
height: 3rem;
border-radius: 4px;
margin: 0 .5rem;
cursor: pointer;
padding: .5rem 1;
border: 1px solid rgba(0,0,0,.5);
&.active{
border: 2px solid;
border-radius: .4rem;
@@ -487,6 +493,9 @@ export default defineComponent({
.editFrontBack_center_btn_colorGreen{
background: rgba(0,255,0);
}
.editFrontBack_center_btn_colorWhite{
background: rgba(255,255,255);
}
i{
font-size: 2.5rem;
cursor: pointer;

View File

@@ -961,6 +961,7 @@ methods: {
justify-content: space-between;
.productImg_right_item_box{
height: 40%;
width: 100%;
display: flex;
overflow-x: auto;
background: #f6f6fa;
@@ -977,8 +978,11 @@ methods: {
margin-right: 1rem;
position: relative;
background: #fff;
overflow: hidden;
flex-shrink: 0;
.productImg_right_item_imgBox{
height: 100%;
overflow: hidden;
.loadingImg{
width: 14rem;
object-fit: contain;
@@ -992,6 +996,7 @@ methods: {
top: 2rem;
display: flex;
flex-direction: column;
overflow: hidden;
>div{
margin-bottom: 1rem;
}

View File

@@ -33,7 +33,7 @@
</div>
</div>
</div>
<div class="plcaement_point_content" v-if="userInfo.userId == 88 || userInfo.userId == 83">
<div class="plcaement_point_content" v-if="userInfo.userId == 88 || userInfo.userId == 833">
<div style="display: flex; align-items: center;">
<div style="display: flex; align-items: center;">
<input type="checkbox" model="false" @click="()=>{modelType = 'System'}">
@@ -584,7 +584,7 @@ export default defineComponent({
// })
let cropper:any = this.$refs.cropper,
that = this
if((this.modelType == 'System' && this.userInfo.userId == 88) || (this.modelType == 'System' &&this.userInfo.userId == 83)){
if((this.modelType == 'System' && this.userInfo.userId == 88) || (this.modelType == 'System' &&this.userInfo.userId == 833)){
if(this.printObject.templateId){
this.printObject.id = this.printObject.relationId
this.confrimSubmit()
@@ -634,7 +634,7 @@ export default defineComponent({
timeZone:Intl.DateTimeFormat().resolvedOptions().timeZone,
...await this.getPrintLocation()
}
if(this.userInfo.userId == 88 || this.userInfo.userId == 83){
if(this.userInfo.userId == 88 || this.userInfo.userId == 833){
param.modelType = this.modelType
}
@@ -661,7 +661,7 @@ export default defineComponent({
modelType:'Library',
timeZone:Intl.DateTimeFormat().resolvedOptions().timeZone,
}
if(this.userInfo.userId == 88 || this.userInfo.userId == 83){
if(this.userInfo.userId == 88 || this.userInfo.userId == 833){
new_data.modelType = this.modelType
// new_data.sex = this.sex
}

View File

@@ -83,8 +83,8 @@ export default defineComponent({
let canvasBtn = reactive({
canvasState:'move',
canvasPencilWidth:{
pencil:4,
eraser:4,
pencil:20,
eraser:20,
},
spreadState:false,
})