登陆页样式修改

This commit is contained in:
zmj 2023-12-20 23:38:25 +08:00
parent 490b2b3762
commit 0f676eec08
8 changed files with 17 additions and 18 deletions

View File

@ -8,7 +8,7 @@ let expire = localStorage.getItem("TRADE_USER") ? JSON.parse(localStorage.getIte
// 创建axios 实例 // 创建axios 实例
const instacne = axios.create({ const instacne = axios.create({
baseURL: "https://shop.lihaink.cn/", baseURL: "https://crmeb-test.shop.lihaink.cn/",
timeout: 30000, timeout: 30000,
}); });

View File

@ -201,19 +201,18 @@ const initCharts = (tag, option) => {
var chartDom = document.getElementById(tag); var chartDom = document.getElementById(tag);
var myChart = echarts.init(chartDom); var myChart = echarts.init(chartDom);
myChart.setOption(option); myChart.setOption(option);
} }
const storeData = reactive([]) const storeData = reactive([])
const initStoreOption = (pageData, total) => { const initStoreOption = (pageData, total) => {
storeData.splice(0, storeData.length); storeData.splice(0, storeData.length);
pageData.forEach(item => { pageData.forEach(item => {
let range = ((item.product_count / total).toFixed(2) * 100) let range = (parseInt((item.product_count / total)*100))
storeData.push({ storeData.push({
name: item.street_name, name: item.street_name,
num: item.product_count, num: item.product_count,
option: getRange(range) option: getRange(range)
}) })
}) })
storeData.forEach((item, index) => { storeData.forEach((item, index) => {
initCharts(`stores${index}`, item.option) initCharts(`stores${index}`, item.option)

View File

@ -1,6 +1,7 @@
<template> <template>
<div class="login-box"> <div class="login-box">
<div class="form"> <div class="form">
<div style="text-align: center;transform: translateY(-1vh);"><img src="/static/login/tit.png" style="width: 29vw;"></div>
<div class="content"> <div class="content">
<div style="position: relative;margin-bottom: 3VH;"> <div style="position: relative;margin-bottom: 3VH;">
@ -177,9 +178,9 @@ const test = () => {
left: 10vw; left: 10vw;
.ipt { .ipt {
border: 1px solid #194FA3; border: 1px solid #2CCCF7;
padding: 1vh 2vw; padding: 1vh 2vw;
background-color: #123266; background-color: #125A7D;
width: 13VW; width: 13VW;
outline: none; outline: none;
-webkit-user-select: auto; -webkit-user-select: auto;
@ -238,21 +239,20 @@ const test = () => {
:deep .el-input__wrapper { :deep .el-input__wrapper {
height: 35px; height: 35px;
width: 15.9vw; width: 15.9vw;
background-color: #123266 !important; background-color: #125A7D !important;
box-shadow: 0 0 0 1px #194FA3 inset !important; box-shadow: 0 0 0 1px #2CCCF7 inset !important;
--el-select-focus-border-color: red !important;
--el-select-hover-border-color: red !important;
} }
// -focus // -focus
:deep .is-focus .el-input__wrapper { :deep .is-focus .el-input__wrapper {
box-shadow: #194FA3 inset !important; box-shadow: #2CCCF7 inset !important;
--el-select-focus-border-color: #194FA3 !important; --el-select-focus-border-color: #2CCCF7 !important;
--el-select-hover-border-color: #194FA3 !important; --el-select-hover-border-color: #2CCCF7 !important;
} }
:deep .el-select__caret { :deep .el-select__caret {
color: #194FA3 !important; // color: #2CCCF7 !important; //
} }
:deep .el-input__inner { :deep .el-input__inner {
@ -266,7 +266,7 @@ const test = () => {
} }
.el-select-dropdown__item.hover { .el-select-dropdown__item.hover {
background-color: #194FA3 !important; // hover background-color: #59C5D8 !important; // hover
} }
:deep .el-dropdown-menu__item:not(.is-disabled) { :deep .el-dropdown-menu__item:not(.is-disabled) {
@ -278,8 +278,8 @@ const test = () => {
} }
:deep .el-popper { :deep .el-popper {
background-color: #123266 !important; // background-color: #125A7D !important; //
border: 1px solid #409EFE !important; // border: 1px solid #125A7D !important; //
} }
:deep .el-popper .el-popper__arrow::before { :deep .el-popper .el-popper__arrow::before {

View File

@ -294,7 +294,7 @@ const addConfigData = (data) => {
<span>${item.orderProduct[0].cart_info.product.store_name} </span> <span>${item.orderProduct[0].cart_info.product.store_name} </span>
<span>${item.orderProduct[0].product_num}${item.orderProduct[0].cart_info.product.unit_name} </span> <span>${item.orderProduct[0].product_num}${item.orderProduct[0].cart_info.product.unit_name} </span>
</div>`, </div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${item.cost}</div>`, `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${item.total_price}</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${orderStatus(item.status)}</div>`, `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${orderStatus(item.status)}</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${item.user_address}</div>`, `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${item.user_address}</div>`,
`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${payType(item.pay_type)}</div>`, `<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${payType(item.pay_type)}</div>`,

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 378 KiB

After

Width:  |  Height:  |  Size: 340 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 MiB

After

Width:  |  Height:  |  Size: 1.3 MiB

BIN
static/login/tit.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB