wangys/schoolNews
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

样式修改

Browse Source
This commit is contained in:
wangys
2026-01-09 13:33:39 +08:00
parent 38c575fa30
commit 30e3d86c9f
8 changed files with 198 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
schoolNewsWeb/src/views/public/login/Login.mobile.vue
View File

@@ -178,9 +178,13 @@
</el-form-item>
<el-form-item prop="agree">
<p class="agreement-text">
<el-checkbox v-model="loginForm.agree">登录即为同意<span class="agreement-link" style="color: red">《红色思政智能体平台》</span></el-checkbox>
</p>
<div class="agreement-wrapper">
<el-checkbox v-model="loginForm.agree" />
<span class="agreement-text">
登录即为同意&nbsp;<span class="agreement-link">《红色思政智能体平台》</span><span class="agreement-link">《用户协议》</span>
<span class="agreement-link">《隐私协议》</span>
</span>
</div>
</el-form-item>
</el-form>
@@ -806,19 +810,30 @@ onMounted(() => {
}
}
.agreement-text {
font-family: "Source Han Sans SC";
font-weight: 400;
font-size: 10px;
line-height: 1.8;
color: rgba(0, 0, 0, 0.3);
text-align: center;
margin: 0;
.agreement-wrapper {
display: flex;
align-items: flex-start;
gap: 4px;
width: 100%;
:deep(.el-checkbox) {
.el-checkbox__label {
font-size: 10px;
color: rgba(0, 0, 0, 0.3);
.el-checkbox {
margin-right: 0;
}
.agreement-text {
font-family: "Source Han Sans SC";
font-weight: 400;
font-size: 12px;
line-height: 1.8;
color: #C62828;
.agreement-link {
color: #C62828;
cursor: pointer;
&:hover {
text-decoration: underline;
}
}
}
}

47
schoolNewsWeb/src/views/public/login/Login.vue
View File

@@ -178,9 +178,14 @@
</el-form-item>
<el-form-item prop="agree">
<p class="agreement-text">
<el-checkbox v-model="loginForm.agree">登录即为同意<span class="agreement-link" style="color: red">《红色思政智能体平台》</span></el-checkbox>
</p>
<div class="agreement-wrapper">
<el-checkbox v-model="loginForm.agree" />
<span class="agreement-text">
登录即为同意&nbsp;<span class="agreement-link">《红色思政智能体平台》</span>
<span class="agreement-link">《用户协议》</span>
<span class="agreement-link">《隐私协议》</span>
</span>
</div>
</el-form-item>
</el-form>
@@ -328,7 +333,7 @@ const loginRules: FormRules = {
{
validator: (rule: any, value: boolean, callback: any) => {
if (!value) {
callback(new Error('请同意《红色思政智能体平台》用户协议'));
callback(new Error('请同意各项协议'));
} else {
callback();
}
@@ -803,14 +808,32 @@ onMounted(() => {
}
}
.agreement-text {
font-family: "Source Han Sans SC";
font-weight: 400;
font-size: 10px;
line-height: 1.8;
color: rgba(0, 0, 0, 0.3);
text-align: center;
margin: 0;
.agreement-wrapper {
display: flex;
align-items: flex-start;
gap: 4px;
width: 100%;
.el-checkbox {
margin-right: 0;
}
.agreement-text {
font-family: "Source Han Sans SC";
font-weight: 400;
font-size: 12px;
line-height: 1.8;
color: #C62828;
.agreement-link {
color: #C62828;
cursor: pointer;
&:hover {
text-decoration: underline;
}
}
}
}
}

45
schoolNewsWeb/src/views/public/login/Register.mobile.vue
View File

@@ -164,9 +164,13 @@
</el-form-item>
<el-form-item prop="agree">
<p class="agreement-text">
<el-checkbox v-model="registerForm.agree">注册即为同意<span class="agreement-link" style="color: red">《红色思政智能体平台》</span></el-checkbox>
</p>
<div class="agreement-wrapper">
<el-checkbox v-model="registerForm.agree" />
<span class="agreement-text">
注册即为同意&nbsp;<span class="agreement-link">《红色思政智能体平台》</span><span class="agreement-link">《用户协议》</span>
<span class="agreement-link">《隐私协议》</span>
</span>
</div>
</el-form-item>
</el-form>
</div>
@@ -748,19 +752,30 @@ onUnmounted(() => {
}
}
.agreement-text {
font-family: "Source Han Sans SC";
font-weight: 400;
font-size: 10px;
line-height: 1.8;
color: rgba(0, 0, 0, 0.3);
text-align: center;
margin: 0;
.agreement-wrapper {
display: flex;
align-items: flex-start;
gap: 4px;
width: 100%;
:deep(.el-checkbox) {
.el-checkbox__label {
font-size: 10px;
color: rgba(0, 0, 0, 0.3);
.el-checkbox {
margin-right: 0;
}
.agreement-text {
font-family: "Source Han Sans SC";
font-weight: 400;
font-size: 12px;
line-height: 1.8;
color: #C62828;
.agreement-link {
color: #C62828;
cursor: pointer;
&:hover {
text-decoration: underline;
}
}
}
}

44
schoolNewsWeb/src/views/public/login/Register.vue
View File

@@ -171,9 +171,13 @@
</el-form-item>
<el-form-item prop="agree">
<p class="agreement-text">
<el-checkbox v-model="registerForm.agree">注册即为同意<span class="agreement-link" style="color: red">《红色思政智能体平台》</span></el-checkbox>
</p>
<div class="agreement-wrapper">
<el-checkbox v-model="registerForm.agree" />
<span class="agreement-text">
注册即为同意&nbsp;<span class="agreement-link">《红色思政智能体平台》</span><span class="agreement-link">《用户协议》</span>
<span class="agreement-link">《隐私协议》</span>
</span>
</div>
</el-form-item>
</el-form>
@@ -747,14 +751,32 @@ onUnmounted(() => {
}
}
.agreement-text {
font-family: "Source Han Sans SC";
font-weight: 400;
font-size: 10px;
line-height: 1.8;
color: rgba(0, 0, 0, 0.3);
text-align: center;
margin: 0;
.agreement-wrapper {
display: flex;
align-items: flex-start;
gap: 4px;
width: 100%;
.el-checkbox {
margin-right: 0;
}
.agreement-text {
font-family: "Source Han Sans SC";
font-weight: 400;
font-size: 12px;
line-height: 1.8;
color: #C62828;
.agreement-link {
color: #C62828;
cursor: pointer;
&:hover {
text-decoration: underline;
}
}
}
}
}