@@ -230,8 +230,9 @@ function toUserModel() { | |||||
<!-- 新样式 --> | <!-- 新样式 --> | ||||
<style lang="scss" scoped> | <style lang="scss" scoped> | ||||
.app-wrapper { | .app-wrapper { | ||||
width: 1920px; | |||||
width: 100%; | |||||
display: flex; | display: flex; | ||||
overflow: hidden; | |||||
} | } | ||||
.Sidebar { | .Sidebar { | ||||
width: 230px; | width: 230px; | ||||
@@ -250,10 +251,12 @@ function toUserModel() { | |||||
.myRouter { | .myRouter { | ||||
position: relative; | position: relative; | ||||
height: calc(100% - 80px); | height: calc(100% - 80px); | ||||
padding: 130px 20px 0; | |||||
padding: 40px 20px 0; | |||||
color: #fff; | color: #fff; | ||||
user-select: none; | user-select: none; | ||||
// color: #868593; | // color: #868593; | ||||
overflow: auto; | |||||
overflow-x: hidden; | |||||
.bottomBtx { | .bottomBtx { | ||||
position: absolute; | position: absolute; | ||||
@@ -317,7 +320,7 @@ function toUserModel() { | |||||
} | } | ||||
} | } | ||||
.rightBox { | .rightBox { | ||||
width: 1690px; | |||||
width: calc(100% - 230px); | |||||
// background-color: #000; | // background-color: #000; | ||||
.nav { | .nav { | ||||
display: flex; | display: flex; | ||||
@@ -17,7 +17,7 @@ import "element-plus/theme-chalk/dark/css-vars.css"; | |||||
import "@/styles/index.scss"; | import "@/styles/index.scss"; | ||||
import "uno.css"; | import "uno.css"; | ||||
import "@/styles/my.scss"; // 引入自己定义的样式 | import "@/styles/my.scss"; // 引入自己定义的样式 | ||||
import 'amfe-flexible'; | |||||
// import 'amfe-flexible'; | |||||
import ElementPlus from "element-plus"; | import ElementPlus from "element-plus"; | ||||
// 引入组件 | // 引入组件 | ||||
import myLoading from "@/components/myLoading.vue"; | import myLoading from "@/components/myLoading.vue"; | ||||
@@ -94,7 +94,7 @@ | |||||
<!-- 二维码弹出框 --> | <!-- 二维码弹出框 --> | ||||
<el-dialog | <el-dialog | ||||
v-model="orderCodeDialogShow" | v-model="orderCodeDialogShow" | ||||
width="30%" | |||||
width="500px" | |||||
append-to-body | append-to-body | ||||
destroy-on-close | destroy-on-close | ||||
@closed="clearCode" | @closed="clearCode" | ||||
@@ -351,6 +351,7 @@ function clearCode() { | |||||
myPayVendor.value = null; // 2微信 4支付宝 | myPayVendor.value = null; // 2微信 4支付宝 | ||||
payCodeUrl.value = null; | payCodeUrl.value = null; | ||||
iframeBody.value = null; | iframeBody.value = null; | ||||
showPayDialog.value = false; | |||||
} | } | ||||
// 刷新二维码 | // 刷新二维码 | ||||
function RefreshQR() { | function RefreshQR() { | ||||
@@ -428,7 +429,7 @@ function findStatus() { | |||||
.item { | .item { | ||||
position: relative; | position: relative; | ||||
width: 480px; | |||||
width: 450px; | |||||
// height: 680px; | // height: 680px; | ||||
margin-left: 45px; | margin-left: 45px; | ||||
background-color: #fffefd; | background-color: #fffefd; | ||||
@@ -35,15 +35,15 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => { | |||||
`, | `, | ||||
}, | }, | ||||
}, | }, | ||||
postcss: { | |||||
plugins: [ | |||||
postCssPxToRem({ | |||||
rootValue: 192, // 1rem 的大小 | |||||
propList: ['*'], // 需要转换的属性,*(全部转换) | |||||
unitPrecision: 6 // 转换精度,保留的小数位数 | |||||
}) | |||||
] | |||||
} | |||||
// postcss: { | |||||
// plugins: [ | |||||
// postCssPxToRem({ | |||||
// rootValue: 192, // 1rem 的大小 | |||||
// propList: ['*'], // 需要转换的属性,*(全部转换) | |||||
// unitPrecision: 6 // 转换精度,保留的小数位数 | |||||
// }) | |||||
// ] | |||||
// } | |||||
}, | }, | ||||
server: { | server: { | ||||
host: "0.0.0.0", | host: "0.0.0.0", | ||||