修改整体字号

This commit is contained in:
X1627315083
2024-01-09 15:30:20 +08:00
parent d4b8b4a32e
commit 814c7cba31
25 changed files with 79 additions and 68 deletions

View File

@@ -772,7 +772,7 @@ i {
.collection_modal_body .upload_item .upload_file_item, .collection_modal_body .upload_item .upload_file_item,
.design_detail_modal_component .upload_item .upload_file_item, .design_detail_modal_component .upload_item .upload_file_item,
.library_page .upload_item .upload_file_item { .library_page .upload_item .upload_file_item {
margin: 0 2rem 2rem 0; margin: 0 1rem 2rem 0;
display: inline-block; display: inline-block;
width: 10rem; width: 10rem;
height: 10rem; height: 10rem;

View File

@@ -866,7 +866,7 @@ i{
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
.upload_file_item { .upload_file_item {
margin: 0 2rem 2rem 0; margin: 0 1rem 2rem 0;
display: inline-block; display: inline-block;
// width: 16.5rem; // width: 16.5rem;
// height: 16.5rem; // height: 16.5rem;

View File

@@ -5,7 +5,7 @@
:class="[driver__.driver?'hideEvents':'']" :class="[driver__.driver?'hideEvents':'']"
v-model:visible="designDetailShow" v-model:visible="designDetailShow"
:footer="null" :footer="null"
width="65%" width="75%"
:maskClosable="false" :maskClosable="false"
:centered="true" :centered="true"
:keyboard="false" :keyboard="false"

View File

@@ -1052,7 +1052,7 @@ export default defineComponent({
// background: #FFFFFF; // background: #FFFFFF;
border: 0.1rem solid #F1F1F1; border: 0.1rem solid #F1F1F1;
// font-size: 1.6rem; // font-size: 1.6rem;
font-size: 1.2rem; font-size: 1.4rem;
font-weight: 400; font-weight: 400;
height: 3rem; height: 3rem;
@@ -1125,6 +1125,8 @@ export default defineComponent({
vertical-align: top; vertical-align: top;
// padding: 0 1.4rem; // padding: 0 1.4rem;
// margin-bottom: 2.8rem; // margin-bottom: 2.8rem;
max-width: 48%;
margin-bottom: 2rem; margin-bottom: 2rem;
padding: 0; padding: 0;
// height: 9rem; // height: 9rem;
@@ -1139,6 +1141,7 @@ export default defineComponent({
} }
.content_img_item_block{ .content_img_item_block{
// border: 0.1rem solid transparent; // border: 0.1rem solid transparent;
max-width: 100%;
width: 10rem; width: 10rem;
height: 10rem; height: 10rem;
display: flex; display: flex;
@@ -1307,7 +1310,7 @@ export default defineComponent({
} }
.upload_file_item{ .upload_file_item{
// margin: 0 2rem 2rem 0; // margin: 0 1rem 2rem 0;
margin: 0; margin: 0;
display: inline-block; display: inline-block;
// width: 16.5rem; // width: 16.5rem;
@@ -1676,7 +1679,7 @@ export default defineComponent({
display: flex; display: flex;
justify-content: center; justify-content: center;
.ant-upload-select-picture-card{ .ant-upload-select-picture-card{
// margin: 0 2rem 2rem 0; // margin: 0 1rem 2rem 0;
margin: 0; margin: 0;
display: inline-block; display: inline-block;
width: 6rem; width: 6rem;

View File

@@ -5,7 +5,7 @@
:class="[driver__.driver?'hideEvents':'']" :class="[driver__.driver?'hideEvents':'']"
v-model:visible="designOpenrtion" v-model:visible="designOpenrtion"
:footer="null" :footer="null"
width="65%" width="75%"
:maskClosable="false" :maskClosable="false"
:centered="true" :centered="true"
:closable="false" :closable="false"

View File

@@ -5,7 +5,7 @@
v-model:visible="designOpenrtion" v-model:visible="designOpenrtion"
:class="[driver__.driver?'hideEvents':'']" :class="[driver__.driver?'hideEvents':'']"
:footer="null" :footer="null"
width="65%" width="75%"
:maskClosable="false" :maskClosable="false"
:centered="true" :centered="true"
:closable="false" :closable="false"

View File

@@ -65,8 +65,8 @@ export default defineComponent({
.ant-modal-body{ .ant-modal-body{
background: #F2F3FB; background: #F2F3FB;
height: 80vh; height: 70vh;
min-height: 72rem; min-height: 62rem;
overflow-y: hidden; overflow-y: hidden;
padding: 0; padding: 0;
} }

View File

@@ -608,7 +608,7 @@ export default defineComponent({
display: none; display: none;
} }
.upload_file_item{ .upload_file_item{
// margin: 0 2rem 2rem 0; // margin: 0 1rem 2rem 0;
margin: 0; margin: 0;
display: inline-block; display: inline-block;
// width: 16.5rem; // width: 16.5rem;
@@ -979,7 +979,7 @@ export default defineComponent({
.ant-upload-picture-card-wrapper{ .ant-upload-picture-card-wrapper{
.ant-upload-list{ .ant-upload-list{
.ant-upload-select-picture-card{ .ant-upload-select-picture-card{
// margin: 0 2rem 2rem 0; // margin: 0 1rem 2rem 0;
margin: 0; margin: 0;
display: inline-block; display: inline-block;
width: 12rem; width: 12rem;

View File

@@ -2,7 +2,7 @@
<a-modal class="modal_component cut_pricture_modal" <a-modal class="modal_component cut_pricture_modal"
v-model:visible="cutPicuterModal" v-model:visible="cutPicuterModal"
:footer="null" :footer="null"
width="65%" width="75%"
:maskClosable="false" :maskClosable="false"
:centered="true" :centered="true"
:closable="false" :closable="false"

View File

@@ -763,7 +763,7 @@ export default defineComponent({
} }
.generate_checkbox { .generate_checkbox {
div { div {
margin-right: 4rem; margin-right: 2rem;
label { label {
display: flex; display: flex;
cursor: pointer; cursor: pointer;
@@ -824,7 +824,7 @@ export default defineComponent({
flex: 1; flex: 1;
.generage_img_item { .generage_img_item {
cursor: pointer; cursor: pointer;
margin: 0 2rem 2rem 0; margin: 0 1rem 2rem 0;
position: relative; position: relative;
&.active { &.active {
opacity: 0.5; opacity: 0.5;

View File

@@ -555,7 +555,7 @@ export default defineComponent({
// right: 3.2rem; // right: 3.2rem;
left: 0; left: 0;
display: flex; display: flex;
width: 33%; width: 35%;
height: 100%; height: 100%;
align-items: center; align-items: center;
overflow: hidden; overflow: hidden;

View File

@@ -209,7 +209,7 @@ export default defineComponent({
} }
.upload_file_item{ .upload_file_item{
margin: 0 2rem 2rem 0; margin: 0 1rem 2rem 0;
display: inline-block; display: inline-block;
width: 16.5rem; width: 16.5rem;
height: 16.5rem; height: 16.5rem;

View File

@@ -428,7 +428,7 @@ export default defineComponent({
// background: #FFFFFF; // background: #FFFFFF;
border: 0.1rem solid #F1F1F1; border: 0.1rem solid #F1F1F1;
// font-size: 1.6rem; // font-size: 1.6rem;
font-size: 1.2rem; font-size: 1.4rem;
font-weight: 400; font-weight: 400;
height: 3rem; height: 3rem;
@@ -536,7 +536,7 @@ export default defineComponent({
&.material_content_body::-webkit-scrollbar{display: none;} &.material_content_body::-webkit-scrollbar{display: none;}
.content_img_item{ .content_img_item{
margin: 0 2rem 5rem 0; margin: 0 1rem 5rem 0;
display: inline-block; display: inline-block;
width: 10rem; width: 10rem;
height: 10rem; height: 10rem;
@@ -550,7 +550,7 @@ export default defineComponent({
height: 100%; height: 100%;
} }
&.moodb{ &.moodb{
margin: 0 2rem 2rem 0; margin: 0 1rem 2rem 0;
} }
.pin_block{ .pin_block{
.ant-checkbox-wrapper{ .ant-checkbox-wrapper{

View File

@@ -569,6 +569,7 @@ export default defineComponent({
border-right: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex-shrink: 0;
&.moodboard_body::-webkit-scrollbar { &.moodboard_body::-webkit-scrollbar {
display: none; display: none;
} }
@@ -662,8 +663,8 @@ export default defineComponent({
} }
.modal_img_max{ .modal_img_max{
// flex: 1; // flex: 1;
width: 57rem; width: 49rem;
height: 35rem; height: calc(49rem*0.614);
position: relative; position: relative;
.mark_loading{ .mark_loading{
position: absolute; position: absolute;

View File

@@ -869,7 +869,7 @@ export default defineComponent({
.upload_file_item{ .upload_file_item{
margin: 0 2rem 5rem 0; margin: 0 2rem 5rem 0;
// margin: 0 2rem 2rem 0; // margin: 0 1rem 2rem 0;
display: inline-block; display: inline-block;
width: 10rem; width: 10rem;
height: 10rem; height: 10rem;

View File

@@ -877,7 +877,7 @@ export default defineComponent({
.upload_file_item{ .upload_file_item{
margin: 0 2rem 4rem 0; margin: 0 2rem 4rem 0;
// margin: 0 2rem 2rem 0; // margin: 0 1rem 2rem 0;
display: inline-block; display: inline-block;
width: 10rem; width: 10rem;
height: 10rem; height: 10rem;

View File

@@ -3,7 +3,7 @@
<a-modal class="modal_component collection_modal Guide_1_2" <a-modal class="modal_component collection_modal Guide_1_2"
v-model:visible="showCollectionModal" v-model:visible="showCollectionModal"
:footer="null" :footer="null"
width="65%" width="75%"
:maskClosable="false" :maskClosable="false"
:centered="true" :centered="true"
:closable="false" :closable="false"

View File

@@ -4,7 +4,7 @@
class="layout_modal" class="layout_modal"
v-model:visible="layout" v-model:visible="layout"
:footer="null" :footer="null"
width="65%" width="75%"
:maskClosable="false" :maskClosable="false"
:centered="true" :centered="true"
:closable="false" :closable="false"
@@ -380,7 +380,7 @@ export default defineComponent({
angle:{ angle:{
mounted(el,angle){ mounted(el,angle){
let mouse = false; let mouse = false;
el.addEventListener('mousedown', (e:MouseEvent) => { el.onmousedown = (e:MouseEvent) => {
e.stopPropagation() e.stopPropagation()
el.parentNode.children.forEach((v:any) =>{ el.parentNode.children.forEach((v:any) =>{
@@ -469,13 +469,13 @@ export default defineComponent({
} }
el.parentNode.addEventListener('mousemove', mouseMove); el.parentNode.addEventListener('mousemove', mouseMove);
}) }
} }
}, },
//移动图片 //移动图片
translate:{ translate:{
mounted (el,layout:any,binding) { mounted (el,layout:any,binding) {
el.addEventListener('mousedown',(e: MouseEvent)=>{ el.onmouseup = (e: MouseEvent)=>{
e.stopPropagation() e.stopPropagation()
let elParent = el.parentNode.parentNode let elParent = el.parentNode.parentNode
el.style.left = (el.offsetLeft+2)/(elParent.offsetWidth)*100+'%' el.style.left = (el.offsetLeft+2)/(elParent.offsetWidth)*100+'%'
@@ -530,7 +530,7 @@ export default defineComponent({
mouse = false mouse = false
document.onmousemove = ()=>{} document.onmousemove = ()=>{}
} }
}) }
}, },
}, },
modelImg:{ modelImg:{
@@ -732,8 +732,8 @@ export default defineComponent({
.layout_centent{ .layout_centent{
display: flex; display: flex;
// height: 55%; // height: 55%;
height: 35rem; width: 49rem;
width: 57rem; height: calc(49rem*0.614);
// height: 60%; // height: 60%;
flex-direction: column; flex-direction: column;
flex-wrap: wrap; flex-wrap: wrap;

View File

@@ -4,7 +4,7 @@
class="layout_modal" class="layout_modal"
v-model:visible="layout" v-model:visible="layout"
:footer="null" :footer="null"
width="65%" width="75%"
:maskClosable="false" :maskClosable="false"
:centered="true" :centered="true"
:closable="false" :closable="false"
@@ -28,7 +28,7 @@
</div> </div>
<div class="layout_centent" :class="{active:flex_direction}" id="layoutCentent"> <div class="layout_centent" :class="{active:flex_direction}" id="layoutCentent">
<div v-for="item,index in layoutList" :key="item" :class="moodbClassName[index]" class="modal_imgItem" v-layout="index" @touchstart="setpitch(item,index)" ref="content" > <div v-for="item,index in layoutList" :key="item" :class="moodbClassName[index]" class="modal_imgItem" v-layout="index" @touchstart="setpitch(item,index)" ref="content" >
<img crossOrigin="anonymous" :src="item.imgUrl" :style="{'zoom':item.zoom}" draggable="false" v-modelImg> <img crossOrigin="anonymous" :src="item.imgUrl" :style="{'transform':'translate(-50%, -50%) scale('+item.zoom+')'}" draggable="false" v-modelImg>
<ul v-show="item.setPitch" class="layout_btn" > <ul v-show="item.setPitch" class="layout_btn" >
<li class="layout_btn_top" v-compile.stop="'top'"></li> <li class="layout_btn_top" v-compile.stop="'top'"></li>
<li class="layout_btn_bottom" v-compile.stop="'bottom'"></li> <li class="layout_btn_bottom" v-compile.stop="'bottom'"></li>
@@ -502,7 +502,7 @@ export default defineComponent({
//移动图片 //移动图片
translate:{ translate:{
mounted (el,layout:any,binding) { mounted (el,layout:any,binding) {
el.addEventListener('touchstart',(e:any)=>{ el.ontouchstart = (e:any)=>{
e.stopPropagation() e.stopPropagation()
let elParent = el.parentNode.parentNode let elParent = el.parentNode.parentNode
el.style.left = (el.offsetLeft+2)/(elParent.offsetWidth)*100+'%' el.style.left = (el.offsetLeft+2)/(elParent.offsetWidth)*100+'%'
@@ -525,6 +525,7 @@ export default defineComponent({
el.previousSibling.style.left = left el.previousSibling.style.left = left
elParent.firstChild.style.top = top elParent.firstChild.style.top = top
elParent.firstChild.style.left = left elParent.firstChild.style.left = left
if(el.offsetLeft <=0){ if(el.offsetLeft <=0){
el.style.left = 0+'%' el.style.left = 0+'%'
el.previousSibling.style.left = 0+'%' el.previousSibling.style.left = 0+'%'
@@ -563,7 +564,7 @@ export default defineComponent({
}) })
}); });
}) }
}, },
}, },
modelImg:{ modelImg:{
@@ -785,8 +786,8 @@ export default defineComponent({
.layout_centent{ .layout_centent{
display: flex; display: flex;
// height: 55%; // height: 55%;
height: 35rem; width: 49rem;
width: 57rem; height: calc(49rem*0.614);
// height: 60%; // height: 60%;
flex-direction: column; flex-direction: column;
flex-wrap: wrap; flex-wrap: wrap;

View File

@@ -3,7 +3,7 @@
class="scaleImage_modal" class="scaleImage_modal"
v-model:visible="scaleImage" v-model:visible="scaleImage"
:footer="null" :footer="null"
width="65%" width="75%"
:maskClosable="false" :maskClosable="false"
:centered="true" :centered="true"
:closable="false" :closable="false"

View File

@@ -3,7 +3,7 @@
v-model:visible="setLabelShow" v-model:visible="setLabelShow"
:footer="null" :footer="null"
:title="$t('setLabel.EditTag')" :title="$t('setLabel.EditTag')"
width="65%" width="75%"
:maskClosable="false" :maskClosable="false"
:keyboard="false" :keyboard="false"
:centered="true" :centered="true"

View File

@@ -1,6 +1,6 @@
let flexible = (designWidth, maxWidth,minWidth) =>{ let flexible = (designWidth, maxWidth,minWidth) =>{
var doc = document, win = window, docEl = doc.documentElement, remStyle = document.createElement("style"), tid; var doc = document, win = window, docEl = doc.documentElement, remStyle = document.createElement("style"), tid;
designWidth = designWidth || 1920; designWidth = designWidth || 1440;
maxWidth = maxWidth || 2560; maxWidth = maxWidth || 2560;
minWidth = minWidth || 1024; minWidth = minWidth || 1024;
function refreshRem() { function refreshRem() {

View File

@@ -1220,7 +1220,8 @@ export default defineComponent({
.home_page_left { .home_page_left {
// width: 44.4rem; // width: 44.4rem;
width: 55rem; // width: 55rem;
width: 35%;
height: 100%; height: 100%;
padding: 2rem 0 0 0; padding: 2rem 0 0 0;
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2);

View File

@@ -73,7 +73,7 @@
<div class="right_content_body" v-show="uploadGenerate =='Upload'"> <div class="right_content_body" v-show="uploadGenerate =='Upload'">
<div class="content_body_header"> <div class="content_body_header">
<div class="content_body_header_left"> <div class="content_body_header_left">
<div class="content_body_header_right"> <div class="content_body_header_right content_body_header_right_updata">
<div :class="['header_operate_item' , 'fontSize','active']"> <div :class="['header_operate_item' , 'fontSize','active']">
<a-upload <a-upload
v-show="uploadGenerate == 'Upload'" v-show="uploadGenerate == 'Upload'"
@@ -118,7 +118,7 @@
:show-all-levels="false" :show-all-levels="false"
:clearable="true" :clearable="true"
:placeholder="$t('LibraryPage.Select')" :placeholder="$t('LibraryPage.Select')"
:max-collapse-tags=3 :max-collapse-tags=1
:props="props" :props="props"
:collapse-tags-tooltip="true" :collapse-tags-tooltip="true"
ref="cascader" ref="cascader"
@@ -263,7 +263,7 @@
<div <div
class="upload_component upload_file_item" class="upload_component upload_file_item"
v-show="selectGenerateList.length <= 2" v-show="selectGenerateList.length < 1"
> >
<a-upload <a-upload
:action="uploadUrl + '/api/element/upload'" :action="uploadUrl + '/api/element/upload'"
@@ -276,7 +276,7 @@
:headers="{Authorization:token}" :headers="{Authorization:token}"
v-model:file-list="selectGenerateList" v-model:file-list="selectGenerateList"
multiple multiple
:maxCount="3" :maxCount="1"
accept=".jpg,.png,.jpeg,.bmp" accept=".jpg,.png,.jpeg,.bmp"
@change="generateFileUploadChange" @change="generateFileUploadChange"
> >
@@ -329,7 +329,7 @@
v-model:visible="renameVisivle" v-model:visible="renameVisivle"
:footer="null" :footer="null"
:title="$t('LibraryPage.Rename')" :title="$t('LibraryPage.Rename')"
width="65%" width="75%"
:keyboard="false" :keyboard="false"
:maskClosable="false" :maskClosable="false"
:centered="true" :centered="true"
@@ -1454,10 +1454,10 @@ export default defineComponent({
display: flex; display: flex;
padding-top: 2rem; padding-top: 2rem;
.library_body_left{ .library_body_left{
width: 26.5rem; width: 22.5rem;
margin-right: auto;
height: 100%; height: 100%;
background: rgba(255,255,255,0.4); background: rgba(255,255,255,0.4);
margin-right: 5rem;
>div{ >div{
background: #f7f8fa; background: #f7f8fa;
border-radius: 2rem; border-radius: 2rem;
@@ -1517,7 +1517,7 @@ export default defineComponent({
} }
} }
.library_body_right{ .library_body_right{
width: calc(100% - 23.5rem); width: calc(100% - 27.5rem);
height: 100%; height: 100%;
.header_operate_item{ .header_operate_item{
@@ -1555,7 +1555,8 @@ export default defineComponent({
.content_search_block{ .content_search_block{
display: flex; display: flex;
align-items: center; align-items: center;
width: 75rem; width: 58rem;
// width: 75rem;
.search_input{ .search_input{
// width: 20.8rem; // width: 20.8rem;
// padding-left: 1.5rem; // padding-left: 1.5rem;
@@ -1579,8 +1580,8 @@ export default defineComponent({
} }
} }
.search_cascader{ .search_cascader{
// width: 53%; // width: 38rem;
width: 38rem; width: 25rem;
display: flex; display: flex;
position: relative; position: relative;
@@ -1671,7 +1672,7 @@ export default defineComponent({
justify-content: flex-end; justify-content: flex-end;
align-items: center; align-items: center;
// padding: 2rem 0 2rem 3rem; // padding: 2rem 0 2rem 3rem;
padding-left: 3rem; padding-left: 1rem;
box-sizing: content-box; box-sizing: content-box;
justify-content: space-between; justify-content: space-between;
.content_body_header_left{ .content_body_header_left{
@@ -1680,7 +1681,11 @@ export default defineComponent({
} }
.content_body_header_right{ .content_body_header_right{
display: flex; display: flex;
width: 43rem; // width: 43rem;
width: 32rem;
&.content_body_header_right_updata{
width: 27rem;
}
} }
.check_all_block{ .check_all_block{
display: flex; display: flex;
@@ -1711,7 +1716,7 @@ export default defineComponent({
&.content_body_header_generate{ &.content_body_header_generate{
justify-content: flex-start; justify-content: flex-start;
.checkboxItem { .checkboxItem {
margin-right: 4rem; margin-right: 2rem;
label { label {
display: flex; display: flex;
cursor: pointer; cursor: pointer;
@@ -1720,7 +1725,7 @@ export default defineComponent({
padding-left: 1.5rem; padding-left: 1.5rem;
} }
span { span {
font-size: 1.4rem; font-size: 1.2rem;
font-weight: 500; font-weight: 500;
} }
} }
@@ -1729,7 +1734,7 @@ export default defineComponent({
background:initial; background:initial;
padding: 1.5rem 0; padding: 1.5rem 0;
input{ input{
width: 30rem; width: 20rem;
height: 3rem; height: 3rem;
&.active{ &.active{
cursor: no-drop; cursor: no-drop;
@@ -1737,14 +1742,14 @@ export default defineComponent({
} }
.generage_btn{ .generage_btn{
margin: 0 3rem; margin: 0 2rem;
} }
} }
.printModel{ .printModel{
font-size: 1.4rem; font-size: 1.2rem;
font-weight: 500; font-weight: 500;
>div{ >div{
width: 13rem; width: 12rem;
// display: flex; // display: flex;
display: block; display: block;
border-radius: 1rem; border-radius: 1rem;
@@ -1780,12 +1785,12 @@ export default defineComponent({
} }
} }
.upload_item{ .upload_item{
margin-left: 4rem; margin-left: 2rem;
.upload_file_item{ .upload_file_item{
width: 8rem; width: 8rem;
height: 8rem; height: 8rem;
margin: 0; margin: 0;
margin-right: 2rem; // margin-right: 2rem;
} }
.upload_component{ .upload_component{
margin: 0; margin: 0;
@@ -1822,8 +1827,8 @@ export default defineComponent({
border: 0.1rem solid transparent; border: 0.1rem solid transparent;
// width: 16.5rem; // width: 16.5rem;
// height: 16.5rem; // height: 16.5rem;
width: 17rem; width: 15rem;
height: 17rem; height: 15rem;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;

View File

@@ -561,7 +561,7 @@ export default defineComponent({
left: 50%; left: 50%;
transform: translate(-50%,-50%); transform: translate(-50%,-50%);
// width: 60rem; // width: 60rem;
width: 150rem; width: 130rem;
background: #FFFFFF; background: #FFFFFF;
// box-shadow: -0.3rem 2rem 5.9rem 0px rgba(200,200,200,0.3); // box-shadow: -0.3rem 2rem 5.9rem 0px rgba(200,200,200,0.3);
border-radius: 1rem; border-radius: 1rem;
@@ -873,10 +873,10 @@ export default defineComponent({
} }
.marign_top30 { .marign_top30 {
margin-top: 3rem; margin-top: 2rem;
} }
.marign_top40 { .marign_top40 {
margin-top: 4rem; margin-top: 3rem;
} }
.tip_content { .tip_content {