diff --git a/src/component/HomePage/Header.vue b/src/component/HomePage/Header.vue
index 17980f1e..1aae2169 100644
--- a/src/component/HomePage/Header.vue
+++ b/src/component/HomePage/Header.vue
@@ -177,6 +177,7 @@ import { Https } from "@/tool/https";
import { Modal, message } from "ant-design-vue";
import { ExclamationCircleOutlined } from "@ant-design/icons-vue";
import { useStore } from "vuex";
+import { setLang } from "@/tool/guide";
import { useI18n } from "vue-i18n";
export default defineComponent({
components: {
@@ -428,6 +429,7 @@ export default defineComponent({
(rv) => {
if (rv) {
this.locale = rv
+ setLang(rv)
}
}
);
diff --git a/src/tool/guide.js b/src/tool/guide.js
index 6f8caa42..7bf2805a 100644
--- a/src/tool/guide.js
+++ b/src/tool/guide.js
@@ -2,10 +2,49 @@ import { nextTick} from "vue";
import { driver } from "driver.js";
import { setCookie, getCookie, WriteCookie } from "@/tool/cookie";
import "driver.js/dist/driver.css";
-// import { useStore } from "vuex";
import store from "../store/index";
import { Https } from "@/tool/https";
//版本一
+import ENGLISH from '../lang/en'
+import CHINESE_SIMPLIFIED from '../lang/cn'
+import KOREAN from '../lang/kr'
+import JAPANESE from '../lang/ja'
+import RUSSIAN from '../lang/ru'
+import FRENCH from '../lang/fr'
+import THAI from '../lang/th'
+import VIETNAMESE from '../lang/vn'
+import ITALIAN from '../lang/it'
+let longList = [
+ {
+ value:ENGLISH,
+ name:'ENGLISH',
+ },{
+ value:CHINESE_SIMPLIFIED,
+ name:'CHINESE_SIMPLIFIED',
+ },{
+ value:KOREAN,
+ name:'KOREAN',
+ },{
+ value:JAPANESE,
+ name:'JAPANESE',
+ },{
+ value:RUSSIAN,
+ name:'RUSSIAN',
+ },{
+ value:FRENCH,
+ name:'FRENCH',
+ },{
+ value:THAI,
+ name:'THAI',
+ },{
+ value:VIETNAMESE,
+ name:'VIETNAMESE',
+ },{
+ value:ITALIAN,
+ name:'ITALIAN',
+ },
+]
+let i18n = ENGLISH.guide
let driverIndex__ = 0
// let store = store
let element
@@ -15,161 +54,133 @@ let data = {
driver:true,
stepsLenth:stepsLenth
}
-const driverObj__ = driver({
- steps: [
- { element: '.Guide_1_1_1', popover: { title: 'Title', description: 'Description' } },
- { element: '.Guide_1_27', popover: { title: '', description: "You can personalize your design settings right here in the Workspace, including choosing to design for men's or women's wear, as well as selecting the mannequin to use for your creations." } },
- { element: '.Guide_1_28', popover: { title: '', description: "Select the apparel type you'd like to work on.", side: "right", } },
- { element: '.Guide_1_28', popover: { title: '', description: 'Change the mannequin here.', side: "right",align: 'end' } },
- { element: '.Guide_1_29', popover: { title: '', description: 'You can currently select a mannequin from our system library. Later, you can also choose from the user library after registering your own mannequin.' } },
-
-
- { element: '.Guide_1_1', popover: { title: '', description: 'Begin your creative journey here. ' } },
- { element: '.Guide_1_1_2', popover: { title: '', description: 'For the Moodboard, Printboard, or Sketchboard, we provide three different sourcing methods to add images. The first option is Upload, allowing you to upload directly from your local device.', side: "left",align: 'start' } },
- { element: '.Guide_1_1_2', popover: { title: '', description: "The second method is to select from your Library.
You might notice that your library page is currently empty; there's no need to worry. All the images you upload will be automatically added to your library. In the future, you won't have to upload each time—you can simply choose from your library instead." } },
- // { element: '.Guide_1_1_2', popover: { title: '', description: 'Begin your creative journey here. ' } },
- // { element: '.Guide_1_3', popover: { title: '', description: 'Description' } },
- // { element: '.Guide_1_2', popover: { title: '', description: 'Description' } },
- { element: '.Guide_1_4', popover: { title: '', description: 'The third method is to Generate images using the latest Image Generation technology.' } },
- { element: '.Guide_1_5', popover: { title: '', description: "Enter keywords that capture the mood you wish to express and then click the 'Generate' button." } },
- { element: '.Guide_1_6', popover: { title: '', description: 'Select two images for your moodboard.' } },
- { element: '.Guide_1_7', popover: { title: '', description: 'Click here to layout your moodboard.' } },
- { element: '.Guide_1_8', popover: { title: '', description: 'Click here for next step.' } },
- //以上moodboard
- { element: '.Guide_1_2_1', popover: { title: '', description: 'Click here to generate print images.' } },
- { element: '.Guide_1_2_2', popover: { title: '', description: 'We provide three input options for generating images: Image Only, Text Only, and Text-Image.' } },
- { element: '.Guide_1_2_3', popover: { title: '', description: 'Select this option and we will generate four print images using both the picture you upload and the text you enter.' } },
- { element: '.Guide_1_2_4', popover: { title: '', description: 'Choose a generation model here; different models will generate images in various styles.' } },
- { element: '.Guide_1_2_5', popover: { title: '', description: 'Choose a generation model here; different models will generate images in various styles.' } },
- { element: '.Guide_1_2_6', popover: { title: '', description: 'Upload the input picture here.' } },
- { element: '.Guide_1_2_7', popover: { title: '', description: "Click on this image to select it." } },
- { element: '.Guide_1_2_8', popover: { title: '', description: "Enter keywords about the print you wish to create and then click the 'Generate' button." } },
- { element: '.Guide_1_2_9', popover: { title: '', description: 'Select the generated prints you like best.' } },
- { element: '.Guide_1_8', popover: { title: '', description: 'Click here for next step.' } },
- { element: '.Guide_1_10', popover: { title: '', description: 'Click here to extract primary colors from image.' } },
- { element: '.Guide_1_11', popover: { title: '', description: 'Select the color you want from these color blocks as the first color.' } },
-
- { element: '.Guide_1_11_1', popover: { title: '', description: 'Click on this block to select the second color.' } },
- { element: '.Guide_1_11_2', popover: { title: '', description: 'Choose the color you want from these color blocks.' } },
-
- { element: '.Guide_1_8', popover: { title: '', description: 'Click here for next step.' } },
- { element: '.Guide_1_9', popover: { title: '', description: 'Click here to generate clothing sketches.' } },
- { element: '.Guide_1_9_1', popover: { title: '', description: 'Using text only option for generation.' } },
- { element: '.Guide_1_9_2', popover: { title: '', description: "Enter keywords about the sketch you wish to create and then click the 'Generate' button." } },
-
- { element: '.Guide_1_13', popover: { title: '', description: 'Click here to choose a category for the generated sketch.' } },
- { element: '.Guide_1_13_1', popover: { title: '', description: 'Choose correct category for the sketch.' } },
- { element: '.Guide_1_13_2', popover: { title: '', description: 'Select the generated sketches you like best.' } },
- { element: '.Guide_1_14', popover: { title: '', description: 'Cick here to complete the uploading process.' } },
- //开始design
- { element: '.Guide_1_15', popover: { title: '', description: 'Click here to let AI generate design illustrations.' } },
- { element: '.Guide_1_16', popover: { title: '', description: 'Please wait a few seconds.' } },
- { element: '.Guide_1_17', popover: { title: '', description: 'Click the little red heart to save your favorite design.' } },
- // { element: '.Guide_1_18', popover: { title: '', description: 'Description' } },
- { element: '.Guide_1_30', popover: { title: '', description: "Click 'Redesign' to generate eight new outfits for your collection to choose from." } },
- { element: '.Guide_1_16_1', popover: { title: '', description: 'Click here to let AI generate design illustrations.' } },
- { element: '.Guide_1_17', popover: { title: '', description: 'Click on any design image you are interested in to modify the details.' } },
- { element: '.Guide_1_19', popover: { title: '', description: 'Click on the clothes to modify its details.' } },
- { element: '.Guide_1_20', popover: { title: '', description: 'Click here to add or change the print.' } },
- { element: '.Guide_1_21', popover: { title: '', description: 'You can find the print you uploaded earlier in your Library.' } },
- { element: '.Guide_1_22', popover: { title: '', description: 'Select a print for this sketch.' } },
- { element: '.Guide_1_23', popover: { title: '', description: 'Click here to layout the selected print' } },
- // { element: '.Guide_1_24', popover: { title: '', description: 'Description' } },
- { element: '.Guide_1_25', popover: { title: '', description: 'Preview printed design here.' ,side: "right",align: 'end' } },
- { element: '.Guide_1_25_1', popover: { title: '', description: 'Save printed design here.' ,side: "right",align: 'end' } },
- { element: '.Guide_1_26', popover: { title: '', description: 'Click here to finalize your modification.' } },
- { element: '.Guide_1_31', popover: { title: '', description: 'Click here to export the collection you just designed.' } },
- { element: '.Guide_1_99', popover: { title: 'Begin Your Design', description: 'Your guide is complete, and now the canvas is yours to create freely. For more insights and details, check out our demo video on the homepage at https://code-create.com.hk/aida/
You can restart the tutorial at any time by simply telling the robot that you want to.' } },
- ],
- // showProgress: true,//控制总页数和当前页数是否显示
- allowClose:false,
- showButtons:false,
- stagePadding:10,//切口到元素的距离
- stageRadius:5,//切口圆弧度
- allowKeyboardControl:true,//控制是否可以键盘控制下一步
- disableActiveInteraction:false,//是否禁用显示元素的交互
- overlayOpacity:.4,
- overlay: true,
- // nextBtnText: '—›',
- // prevBtnText: '‹—',
- doneBtnText: '✕',
- onPopoverRender: (popover, options) => {//每个步骤的元素和所有信息
- // console.log(popover,options,element);
- // popover.closeButton.style.display = 'block'
- // popover.closeButton.style.pointerEvents ='auto'
- stepsLenth = options.config.steps.length
- addClose()
- popover.previousButton.style.display = 'none'
- driverIndex__ = driverObj__.getState().activeIndex
- data = {
- index : driverIndex__,
- driver : true,
- stepsLenth:stepsLenth,
- }
- store?.commit("setGuide", data);
- if(options.state.activeIndex == 0 ||
- options.state.activeIndex == 39
- ){
- popover.wrapper.style.display = 'none'
- }else{
- popover.wrapper.style.display = 'block'
- }
- if(options.state.activeIndex == 2){
- popover.wrapper.style.transform = 'translateY(11rem)'
- // options.config.stagePadding = 10
- }else if(options.state.activeIndex == 6 || options.state.activeIndex == 7){
- popover.wrapper.style.transform = 'translateY(4rem)'
- }else if(options.state.activeIndex == 46){
- popover.wrapper.style.transform = 'translateY(-6rem)'
- }else{
- popover.wrapper.style.transform = 'initial'
- }
- //判断是不是generate 如果是就吧边距设为0
- // if(options.state.activeIndex >= 2 && options.state.activeIndex < 3){
- // options.config.stagePadding = 0
- // }else{
- // options.config.stagePadding = 10
- // }
- if(
- options.state.activeIndex >= 6 && options.state.activeIndex < 9 ||
- options.state.activeIndex >= 14 && options.state.activeIndex < 15 ||
- driverObj__.isLastStep()
- ){
- popover.footer.style.display = 'block'
- popover.footerButtons.style.pointerEvents = 'auto';
- }else{
- popover.footer.style.display = 'none'
- popover.footerButtons.style.pointerEvents = 'none';
- }
- nextTick().then(()=>{
- if(element){
- element.classList.remove('Guide_')
+let driverObj__ = createDriver()
+function createDriver(){
+ return driver({
+ steps: [
+ { element: '.Guide_1_1_1', popover: { title: 'Title', description: 'Description' } },
+ { element: '.Guide_1_27', popover: { title: '', description: i18n.guide1 } },
+ { element: '.Guide_1_28', popover: { title: '', description: i18n.guide2, side: "right", } },
+ { element: '.Guide_1_28', popover: { title: '', description: i18n.guide3, side: "right",align: 'end' } },
+ { element: '.Guide_1_29', popover: { title: '', description: i18n.guide4 } },
+ { element: '.Guide_1_1', popover: { title: '', description: i18n.guide5 } },
+ { element: '.Guide_1_1_2', popover: { title: '', description: i18n.guide6, side: "left",align: 'start' } },
+ { element: '.Guide_1_1_2', popover: { title: '', description: i18n.guide7 } },
+ { element: '.Guide_1_4', popover: { title: '', description: i18n.guide8 } },
+ { element: '.Guide_1_5', popover: { title: '', description: i18n.guide9 } },
+ { element: '.Guide_1_6', popover: { title: '', description: i18n.guide10 } },
+
+ { element: '.Guide_1_7', popover: { title: '', description: i18n.guide11 } },
+ { element: '.Guide_1_8', popover: { title: '', description: i18n.guide12 } },
+ //以上moodboard
+ { element: '.Guide_1_2_1', popover: { title: '', description: i18n.guide13 } },
+ { element: '.Guide_1_2_2', popover: { title: '', description: i18n.guide14 } },
+ { element: '.Guide_1_2_3', popover: { title: '', description: i18n.guide15 } },
+ { element: '.Guide_1_2_4', popover: { title: '', description: i18n.guide16 } },
+ { element: '.Guide_1_2_5', popover: { title: '', description: i18n.guide17 } },
+ { element: '.Guide_1_2_6', popover: { title: '', description: i18n.guide18 } },
+ { element: '.Guide_1_2_7', popover: { title: '', description: i18n.guide19 } },
+ { element: '.Guide_1_2_8', popover: { title: '', description: i18n.guide20 } },
+ { element: '.Guide_1_2_9', popover: { title: '', description: i18n.guide21 } },
+ { element: '.Guide_1_8', popover: { title: '', description: i18n.guide22 } },
+ { element: '.Guide_1_10', popover: { title: '', description: i18n.guide23 } },
+ { element: '.Guide_1_11', popover: { title: '', description: i18n.guide24 } },
+ { element: '.Guide_1_11_1', popover: { title: '', description: i18n.guide25 } },
+ { element: '.Guide_1_11_2', popover: { title: '', description: i18n.guide26 } },
+ { element: '.Guide_1_8', popover: { title: '', description: i18n.guide27 } },
+ { element: '.Guide_1_9', popover: { title: '', description: i18n.guide28 } },
+ { element: '.Guide_1_9_1', popover: { title: '', description: i18n.guide29 } },
+ { element: '.Guide_1_9_2', popover: { title: '', description: i18n.guide30 } },
+ { element: '.Guide_1_13', popover: { title: '', description: i18n.guide31 } },
+ { element: '.Guide_1_13_1', popover: { title: '', description: i18n.guide32 } },
+ { element: '.Guide_1_13_2', popover: { title: '', description: i18n.guide33 } },
+ { element: '.Guide_1_14', popover: { title: '', description: i18n.guide34 } },
+ //开始design
+ { element: '.Guide_1_15', popover: { title: '', description: i18n.guide35 } },
+ { element: '.Guide_1_16', popover: { title: '', description: i18n.guide36 } },
+ { element: '.Guide_1_17', popover: { title: '', description: i18n.guide37 } },
+ { element: '.Guide_1_30', popover: { title: '', description: i18n.guide38 } },
+ { element: '.Guide_1_16_1', popover: { title: '', description: i18n.guide39 } },
+ { element: '.Guide_1_17', popover: { title: '', description: i18n.guide40 } },
+ { element: '.Guide_1_19', popover: { title: '', description: i18n.guide41 } },
+ { element: '.Guide_1_20', popover: { title: '', description: i18n.guide42 } },
+ { element: '.Guide_1_21', popover: { title: '', description: i18n.guide43 } },
+ { element: '.Guide_1_22', popover: { title: '', description: i18n.guide44 } },
+ { element: '.Guide_1_23', popover: { title: '', description: i18n.guide45 } },
+ { element: '.Guide_1_25', popover: { title: '', description: i18n.guide46 ,side: "right",align: 'end' } },
+ { element: '.Guide_1_25_1', popover: { title: '', description: i18n.guide47 ,side: "right",align: 'end' } },
+ { element: '.Guide_1_26', popover: { title: '', description: i18n.guide48 } },
+ { element: '.Guide_1_31', popover: { title: '', description: i18n.guide49 } },
+ { element: '.Guide_1_99', popover: { title: 'Begin Your Design', description: i18n.guide50 } },
+ ],
+ // showProgress: true,//控制总页数和当前页数是否显示
+ allowClose:false,
+ showButtons:false,
+ stagePadding:10,//切口到元素的距离
+ stageRadius:5,//切口圆弧度
+ allowKeyboardControl:false,//控制是否可以键盘控制下一步
+ disableActiveInteraction:false,//是否禁用显示元素的交互
+ overlayOpacity:.4,
+ overlay: true,
+ // nextBtnText: '—›',
+ // prevBtnText: '‹—',
+ doneBtnText: '✕',
+ onPopoverRender: (popover, options) => {//每个步骤的元素和所有信息
+ stepsLenth = options.config.steps.length
+ addClose()
+ popover.previousButton.style.display = 'none'
+ driverIndex__ = driverObj__.getState().activeIndex
+ data = {
+ index : driverIndex__,
+ driver : true,
+ stepsLenth:stepsLenth,
}
- element = options.state.activeElement
- element.classList.add('Guide_')
- })
- },
- //销毁前
- onDestroyStarted:()=>{
- // if (!driverObj__.hasNextStep() || confirm("Are you sure about turning off user guidance?")) {
- // }
+ store?.commit("setGuide", data);
+ if(options.state.activeIndex == 0 ||
+ options.state.activeIndex == 39
+ ){
+ popover.wrapper.style.display = 'none'
+ }else{
+ popover.wrapper.style.display = 'block'
+ }
+ if(options.state.activeIndex == 2){
+ popover.wrapper.style.transform = 'translateY(11rem)'
+ // options.config.stagePadding = 10
+ }else if(options.state.activeIndex == 6 || options.state.activeIndex == 7){
+ popover.wrapper.style.transform = 'translateY(4rem)'
+ }else if(options.state.activeIndex == 46){
+ popover.wrapper.style.transform = 'translateY(-6rem)'
+ }else{
+ popover.wrapper.style.transform = 'initial'
+ }
+ if(
+ options.state.activeIndex >= 6 && options.state.activeIndex < 9 ||
+ options.state.activeIndex >= 14 && options.state.activeIndex < 15 ||
+ driverObj__.isLastStep()
+ ){
+ popover.footer.style.display = 'block'
+ popover.footerButtons.style.pointerEvents = 'auto';
+ }else{
+ popover.footer.style.display = 'none'
+ popover.footerButtons.style.pointerEvents = 'none';
+ }
+ nextTick().then(()=>{
+ if(element){
+ element.classList.remove('Guide_')
+ }
+ element = options.state.activeElement
+ element.classList.add('Guide_')
+ })
+ },
+ //销毁前
+ onDestroyStarted:()=>{
setDestroy()
-
- },
- //销毁前
- onDestroyed:()=>{
- },
-
-
-
- // onNextClick:(element, step, options) =>{
- // // if(options.state.activeIndex == 2){
- // // driverObj__.moveTo(4)
- // // }else{
- // // driverObj__.moveNext()
- // // }
- // }
-});
+ },
+ //销毁前
+ onDestroyed:()=>{
+ },
+ });
+}
function addDiv(element){
element.style.posiiton = 'relative'
const mask = document.getElementsByClassName('driver-mask__')?.[0]
@@ -259,9 +270,19 @@ function setDestroy(){
).catch(res=>{
});
}
+
+function setLang(text){
+ for (const item in longList) {
+ if(longList[item].name == text){
+ i18n = longList[item].value.guide
+ createDriver()
+ }
+ }
+}
export{
openGuide,
driverObj__,
driverIndex__,
setDestroy,
+ setLang,
}
\ No newline at end of file
diff --git a/src/views/LoginPage.vue b/src/views/LoginPage.vue
index 3610ef49..40b4c13a 100644
--- a/src/views/LoginPage.vue
+++ b/src/views/LoginPage.vue
@@ -237,7 +237,7 @@ import { setCookie } from "@/tool/cookie";
import { message } from "ant-design-vue";
import VerificationCodeInput from "@/component/LoginPage/verificationCodeInput.vue";
import { useI18n } from "vue-i18n";
-
+import { setLang } from "@/tool/guide";
const md5 = require("md5");
export default defineComponent({
components: {
@@ -530,6 +530,7 @@ export default defineComponent({
(rv: any) => {
if (rv) {
this.locale = rv
+ setLang(rv)
}
}
);
@@ -608,12 +609,12 @@ export default defineComponent({
.login_type_item {
text-align: center;
- font-size: calc(3.6*.8rem);
+ font-size: 3.6rem;
font-weight: bold;
color: #D7D7D7;
cursor: pointer;
- height: 3rem;
- line-height: 3rem;
+ height: 4rem;
+ line-height: 4rem;
&.login_active {
color: #030303;
@@ -621,7 +622,7 @@ export default defineComponent({
}
}
.login_form_title {
- font-size: calc(1.6*.8rem);
+ font-size: 1.6rem;
// color: #666666;
font-weight: 900;
color: #000;
@@ -631,7 +632,7 @@ export default defineComponent({
label{
display: flex;
span{
- font-size: calc(1.6*.8rem);
+ font-size: 1.6rem;
margin-left: 10px;
font-weight: normal;
}
@@ -660,7 +661,7 @@ export default defineComponent({
.password_show_icon{
position: absolute;
- font-size: calc(2.4*.8rem);
+ font-size: 2.4rem;
right: 2rem;
top:1.7rem;
cursor: pointer;
@@ -669,13 +670,13 @@ export default defineComponent({
.login_form_input {
width: 100%;
- height: 4rem;
+ height: 5rem;
margin-top: 1rem;
border: 0.1rem solid #DFDFDF;
border-radius: 2.5rem;
padding-left: 2.1rem;
- line-height: 4rem;
- font-size: calc(1.4*.8rem);
+ line-height: 5rem;
+ font-size: 1.4rem;
box-sizing: border-box;
outline: none;
@@ -700,7 +701,7 @@ export default defineComponent({
justify-content: space-between;
.email_last_step_content {
margin-left: 1rem;
- font-size: calc(2.2*.8rem);
+ font-size: 2.2rem;
font-weight: bold;
color: #030303;
}
@@ -712,7 +713,7 @@ export default defineComponent({
}
.fi-br-arrow-left {
- font-size: calc(2.5*.8rem);
+ font-size: 2.5rem;
font-weight: bold;
color: #030303;
transform: translateY(1rem);
@@ -723,12 +724,12 @@ export default defineComponent({
}
.login_submit_button {
- height: 4rem;
+ height: 5rem;
background: #000;
border-radius: 2.5rem;
- line-height: 4rem;
+ line-height: 5rem;
text-align: center;
- font-size: calc(1.8*.8rem);
+ font-size: 1.8rem;
font-weight: 500;
color: #ffffff;
cursor: pointer;
@@ -737,7 +738,7 @@ export default defineComponent({
}
}
.login_text {
- font-size: calc(1.6*.8rem);
+ font-size: 1.6rem;
margin-top: 4rem;
color: #151515;
display: flex;
@@ -766,14 +767,14 @@ export default defineComponent({
}
.fi-br-arrow-left {
- font-size: calc(3.8*.8rem);
+ font-size: 3.8rem;
font-weight: bold;
color: #030303;
transform: translateY(1rem);
display: inline-block;
}
.forget_password_content_title {
- font-size: calc(3.2*.8rem);
+ font-size: 3.2rem;
font-weight: bold;
color: #030303;
margin-left: 2rem;
@@ -783,7 +784,7 @@ export default defineComponent({
margin-top: 3.5rem;
.forget_passored_form_title {
- font-size: calc(2.4*.8rem);
+ font-size: 2.4rem;
font-weight: bold;
color: #030303;
display: flex;
@@ -793,13 +794,13 @@ export default defineComponent({
.forget_passored_form_input {
width: 100%;
- height: 4rem;
+ height: 5rem;
margin-top: 1rem;
border: 0.1rem solid #DFDFDF;
border-radius: 2.5rem;
padding-left: 2.1rem;
- line-height: 4rem;
- font-size: calc(1.4*.8rem);
+ line-height: 5rem;
+ font-size: 1.4rem;
box-sizing: border-box;
outline: none;
@@ -810,19 +811,19 @@ export default defineComponent({
}
.forget_verif_code_des {
- font-size: calc(2.4*.8rem);
+ font-size: 2.4rem;
font-weight: bold;
color: #030303;
margin-top: 3.5rem;
}
.forget_submit_button {
- height: 4rem;
+ height: 5rem;
background: #000;
border-radius: 2.5rem;
- line-height: 4rem;
+ line-height: 5rem;
text-align: center;
- font-size: calc(1.8*.8rem);
+ font-size: 1.8rem;
font-weight: 500;
color: #ffffff;
cursor: pointer;
@@ -845,7 +846,7 @@ export default defineComponent({
align-items: center;
.login_footer_item_text{
- font-size: calc(1.3*.8rem);
+ font-size: 1.3rem;
color: #151515;
}
@@ -865,11 +866,11 @@ export default defineComponent({
.marign_top20 {
- margin-top: 1rem;
+ margin-top: 2rem;
}
.marign_top22 {
- margin-top: 1.2rem;
+ margin-top: 2.2rem;
}
.marign_top30 {
@@ -880,7 +881,7 @@ export default defineComponent({
}
.tip_content {
- font-size: calc(1.3*.8rem);
+ font-size: 1.3rem;
font-weight: bold;
color: #343579;
cursor: pointer;
@@ -894,13 +895,13 @@ export default defineComponent({
margin-bottom: 2rem;
.sent_email_content {
- font-size: calc(1.8*.8rem);
+ font-size: 1.8rem;
font-weight: bold;
color: #a5b0c2;
}
.email_tip_content{
- font-size: calc(1.4*.8rem);
+ font-size: 1.4rem;
color: #030303;
}
}