Skip to content

S
shop-new
提交 00e20ed7 authored 作者: huaxinzhu's avatar huaxinzhu
浏览文件
操作

1、公用样式修改；2、设置-我的密码-静态页面

上级 a75507b0
隐藏空白字符变更
内嵌 并排
正在显示 包含 198 行增加 和 13 行删除
src/App.vue
浏览文件 @ 00e20ed7
......@@ -10,15 +10,15 @@ export default {
}
</script>
<style>
<style lang="scss" type="text/stylus">
body {
font-family:”Microsoft YaHei”,Arial,Helvetica,sans-serif;
}
/* 在全局CSS里引用: */
/* 滚动条宽度 */
::-webkit-scrollbar {
width: 10px;
height: 10px;
width: 12px;
height: 12px;
}
/* 滚动条的滑块 */
......@@ -26,4 +26,32 @@ export default {
background-color: #c0ccda;
border-radius: 6px;
}
/* --------- 自定义class全局统一样式 ---------- */
.app-container {
height: 100%;
.box-card {
height: 100%;
overflow: hidden;
}
}
/* --- start --- element组件样式重置 全局 -- start ----- */
.el-card__header{
padding: 12px;
/* 修改在此class中的p */
p {
margin: 0;
}
}
// 搜索条件 样式
.queryFormInline {
.el-form-item {
margin: 0 5px ;
padding: 0;
}
}
/* --- end --- element组件样式重置 -- end ----- */
</style>
src/assets/styles/index.scss
浏览文件 @ 00e20ed7
......@@ -130,7 +130,7 @@ aside {
}
.pagination-container {
margin-top: 30px;
//margin-top: 30px;
}
.text-center {
......
src/assets/styles/ruoyi.scss
浏览文件 @ 00e20ed7
......@@ -53,6 +53,11 @@
margin-left: 20px;
}
/*hxz自定义*/
.fs18 {
font-size: 18px;
}
.el-dialog:not(.is-fullscreen){
margin-top: 6vh !important;
}
......@@ -67,7 +72,7 @@
/** 表单布局 **/
.form-header {
font-size:15px;
font-size:15px;
color:#6379bb;
border-bottom:1px solid #ddd;
margin:8px 10px 25px 10px;
......@@ -76,16 +81,14 @@
/** 表格布局 **/
.pagination-container {
position: relative;
height: 25px;
margin-bottom: 10px;
margin-top: 15px;
padding: 10px 20px !important;
display: flex;
justify-content: flex-end;
padding: 15px 0 0;
}
.pagination-container .el-pagination {
right: 0;
position: absolute;
height: 25px;
}
.el-table .fixed-width .el-button--mini {
......@@ -138,7 +141,7 @@
padding-left: 15px;
margin-bottom: 10px;
}
/* text color */
.text-navy {
color: #1ab394;
......@@ -194,4 +197,4 @@
opacity: .8;
color: #fff!important;
background: #42b983!important;
}
\ No newline at end of file
}
src/views/system/settings/setpsd.vue 0 → 100644
浏览文件 @ 00e20ed7
<template>
<div class="app-container">
<el-card class="box-card">
<div slot="header" class="clearfix">
<p class="fs18">修改密码</p>
</div>
<el-form :model="setForm" label-width="160px" size="small" class="set-form">
<el-form-item label="平台登录账号：">
<el-input v-model="setForm.name" :disabled="true" style="width: 300px;margin-right:20px;"></el-input>
<el-button type="primary" icon="el-icon-edit" @click="edit('accountForm')">修改账号</el-button>
</el-form-item>
<el-form-item label="登录密码：">
<el-input v-model="setForm.loginpsd" :disabled="true" style="width: 300px;margin-right:20px;"></el-input>
<el-button type="primary" icon="el-icon-edit" @click="edit('loginForm')">修改密码</el-button>
</el-form-item>
<el-form-item>
<p class="tipsGray">平台登陆账号和密码用于登陆开放平台，建议您定期修改</p>
</el-form-item>
<div style="width: 320px;margin:30px 160px 50px;">
<el-divider ></el-divider>
</div>
<el-form-item label="支付密码：">
<el-input v-model="setForm.paypsd" :disabled="true" style="width: 300px;margin-right:20px;"></el-input>
<el-button type="primary" icon="el-icon-edit" @click="edit('payForm')">修改密码</el-button>
</el-form-item>
<el-form-item>
<p class="tipsGray">支付密码用于提现，请妥善保管您的支付密码，切勿告诉其他人，以免财产造成损失！</p>
</el-form-item>
</el-form>
</el-card>
<!--修改账号 对话框-->
<el-dialog title="修改登录账号" :visible.sync="isAccount" center>
<el-form :model="accountForm" label-width="160px" size="small">
<el-form-item label="登录密码：">
<el-input v-model="accountForm" style="width: 300px"></el-input>
</el-form-item>
<el-form-item label="平台登录账号：">
<el-input v-model="accountForm.name" :disabled="true" style="width: 300px;margin-right:20px;"></el-input>
<el-button type="primary" icon="el-icon-edit" @click="edit('accountForm')">修改账号</el-button>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="cancel">取 消</el-button>
<el-button type="primary" @click="submit('accountForm')">确 定</el-button>
</span>
</el-dialog>
<!--修改登录密码 对话框-->
<el-dialog title="修改登录密码" :visible.sync="isLogin" center>
<span>需要注意的是内容是默认不居中的</span>
<span slot="footer" class="dialog-footer">
<el-button @click="cancel">取 消</el-button>
<el-button type="primary" @click="submit('loginForm')">确 定</el-button>
</span>
</el-dialog>
<!--修改支付密码 对话框-->
<el-dialog title="修改支付密码" :visible.sync="isPay" center>
<span>需要注意的是内容是默认不居中的</span>
<span slot="footer" class="dialog-footer">
<el-button @click="cancel">取 消</el-button>
<el-button type="primary" @click="submit('payForm')">确 定</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
export default {
name: "Setpsd",
data() {
return {
isAccount: false,
isLogin: false,
isPay: false,
setForm: {
name: '',
loginpsd: '******',
paypsd: '******'
},
accountForm: {
},
loginForm: {
},
payForm: {
}
}
},
mounted() {
},
methods: {
// 修改
edit(formName) {
// 账号
if(formName === 'accountForm') {
this.isAccount = true;
}
// 登录密码
if(formName === 'loginForm') {
this.isLogin = true;
}
// 支付密码
if(formName === 'payForm') {
this.isPay = true;
}
},
submit(formName) {
if(formName === 'accountForm') {
this.isAccount = false;
}
// 登录密码
if(formName === 'loginForm') {
this.isLogin = false;
}
// 支付密码
if(formName === 'payForm') {
this.isPay = false;
}
},
cancel() {
this.isAccount = false;
this.isLogin = false;
this.isPay = false;
},
}
}
</script>
<style lang="scss" type="text/stylus" scoped>
.card-cont {
margin: 50px 0;
}
.set-form {
width: 90%;
margin: 40px 0 30px 100px;
/deep/.el-form-item {
margin-top: 18px!important;
}
}
.tipsGray {
font-size: 14px;
color: #C9C9C9;
}
</style>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论