image/tdesign-vue-next-starter
1
0
Fork 1
mirror of https://github.com/Tencent/tdesign-vue-next-starter.git synced 2024-12-23 03:13:35 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: setting default style (#425)

Browse Source
This commit is contained in:
yuyang 2023-02-19 00:54:39 +08:00 committed by GitHub
parent 81e21444fb
commit 24d913df16
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -30,7 +30,7 @@
"qrcode.vue": "^3.3.3", "qrcode.vue": "^3.3.3",
"qs": "^6.11.0", "qs": "^6.11.0",
"tdesign-icons-vue-next": "^0.1.7", "tdesign-icons-vue-next": "^0.1.7",
"tdesign-vue-next": "^1.0.0", "tdesign-vue-next": "^1.0.8",
"tvision-color": "^1.5.0", "tvision-color": "^1.5.0",
"vue": "^3.2.45", "vue": "^3.2.45",
"vue-clipboard3": "^2.0.0", "vue-clipboard3": "^2.0.0",

20
src/layouts/setting.vue
View File

@ -214,7 +214,9 @@ watchEffect(() => {
if (formData.value.brandTheme) settingStore.updateConfig(formData.value); if (formData.value.brandTheme) settingStore.updateConfig(formData.value);
}); });
</script> </script>
<style lang="less" scoped> <!-- teleport导致drawer 内 scoped样式问题无法生效 先规避下 -->
<!-- eslint-disable-next-line vue-scoped-css/enforce-style-type -->
<style lang="less">
.tdesign-setting { .tdesign-setting {
z-index: 100; z-index: 100;
position: fixed; position: fixed;
@ -297,14 +299,14 @@ watchEffect(() => {
.setting-container { .setting-container {
padding-bottom: 100px; padding-bottom: 100px;
} }
:deep(.t-radio-group.t-size-m) { .t-radio-group.t-size-m {
min-height: 32px; min-height: 32px;
width: 100%; width: 100%;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
} }
:deep(.t-radio-group.t-size-m .t-radio-button) { .t-radio-group.t-size-m .t-radio-button {
height: auto; height: auto;
} }
@ -314,7 +316,7 @@ watchEffect(() => {
align-items: center; align-items: center;
margin-bottom: 16px; margin-bottom: 16px;
:deep(.t-radio-button) { .t-radio-button {
display: inline-flex; display: inline-flex;
max-height: 78px; max-height: 78px;
padding: 8px; padding: 8px;
@ -325,22 +327,22 @@ watchEffect(() => {
} }
} }
:deep(.t-is-checked) { .t-is-checked {
border: 2px solid var(--td-brand-color) !important; border: 2px solid var(--td-brand-color) !important;
} }
:deep(.t-form__controls-content) { .t-form__controls-content {
justify-content: end; justify-content: end;
} }
} }
:deep(.t-form__controls-content) { .t-form__controls-content {
justify-content: end; justify-content: end;
} }
} }
.setting-route-theme { .setting-route-theme {
:deep(.t-form__label) { .t-form__label {
min-width: 310px !important; min-width: 310px !important;
color: var(--td-text-color-secondary); color: var(--td-text-color-secondary);
} }
@ -348,7 +350,7 @@ watchEffect(() => {
.setting-color-theme { .setting-color-theme {
.setting-layout-drawer { .setting-layout-drawer {
:deep(.t-radio-button) { .t-radio-button {
height: 32px; height: 32px;
} }