aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改页面detail和coll字体以及比例

Browse Source
This commit is contained in:
X1627315083
2024-01-10 14:09:44 +08:00
parent 59c5e59347
commit 46a02478b6
35 changed files with 1191 additions and 1305 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
src/component/Detail/habit.vue
View File

@@ -750,17 +750,17 @@ export default defineComponent({
.habit_button {
background-color: #fff;
border: solid 2px #000;
padding: 0px 2rem;
padding: 0px calc(2rem*1.2);
box-sizing: initial;
font-weight: 600;
height: 3.2rem;
line-height: 3.2rem;
padding: .4rem 1.5rem;
font-size: 1.2rem;
height: calc(3.2rem*1.2);
line-height: calc(3.2rem*1.2);
padding: calc(.4rem*1.2) calc(1.5rem*1.2);
font-size: calc(1.2rem*1.2);
cursor: pointer;
position: relative;
.fi-bs-angle-down {
margin-left: 1rem;
margin-left: calc(1rem*1.2);
display: inline-block;
transform: translateY(2px);
}
@@ -778,17 +778,17 @@ export default defineComponent({
}
.habit_content {
border: solid 2px #000;
border-radius: 1rem;
padding: 2rem;
border-radius: calc(1rem*1.2);
padding: calc(2rem*1.2);
// zoom: .75;
font-size: 1.6rem;
font-size: calc(1.6rem*1.2);
transform-origin: top right;
position: absolute;
right: -.3rem;
right: calc(-.3rem*1.2);
top: 110%;
background: #fff;
// width: 25rem;
width: 30rem;
// width: 25rem*1.2);
width: calc(30rem*1.2);
opacity: 0;
transition: all .3s;
transform: scale(0.75)translateY(10%);
@@ -800,27 +800,27 @@ export default defineComponent({
}
.habit_title {
h3 {
font-size: 1.6rem;
font-size: calc(1.6rem*1.2);
font-weight: 600;
color: #000;
margin: 0;
}
.habit_intro {
font-size: 1.2rem;
font-size: calc(1.2rem*1.2);
color: rgba(0, 0, 0, 0.5);
font-weight: 500;
}
}
.habit_type {
margin-top: 1.5rem;
margin-top: calc(1.5rem*1.2);
cursor: pointer;
position: relative;
.habit_workspace_show{
width: 100%;
z-index: 1;
transform: translateY(10%);
top: 4rem;
height: 14rem;
top: calc(4rem*1.2);
height: calc(14rem*1.2);
overflow-x: hidden;
cursor: auto;
&.active{
@@ -832,7 +832,7 @@ export default defineComponent({
display: flex;
align-items: center;
justify-content: center;
margin: 3rem 0;
margin: calc(3rem*1.2) 0;
position: relative;
.habit_Overal_Single_text {
font-weight: 600;
@@ -844,14 +844,14 @@ export default defineComponent({
}
:deep(.ant-switch) {
margin: 0 1rem;
margin: 0 calc(1rem*1.2);
}
.habit_sex_show{
width: 100%;
z-index: 1;
transform: translateY(10%);
top: 4rem;
height: 14rem;
top: calc(4rem*1.2);
height: calc(14rem*1.2);
overflow-x: hidden;
cursor: auto;
&.active{
@@ -860,14 +860,14 @@ export default defineComponent({
}
}
.habit_habit_singleton {
margin-bottom: 3rem;
margin-bottom: calc(3rem*1.2);
position: relative;
.habit_singleton_show{
width: 100%;
z-index: 1;
transform: translateY(10%);
top: 4rem;
height: 14rem;
top: calc(4rem*1.2);
height: calc(14rem*1.2);
overflow-x: hidden;
cursor: auto;
&.active{
@@ -877,12 +877,12 @@ export default defineComponent({
}
.habit_System_Designer {
margin-top: 8rem;
margin-top: calc(8rem*1.2);
:deep(.ant-slider-track),
:deep(.ant-slider-rail) {
height: .6rem;
height: calc(.6rem*1.2);
background-color: #e1e1e1;
border-radius: 0.5rem;
border-radius: calc(0.5rem*1.2);
}
:deep(.ant-slider .ant-slider-handle:not(.ant-tooltip-open)),
:deep(.ant-slider-handle) {
@@ -901,20 +901,20 @@ export default defineComponent({
}
}
.habit_model{
margin-top: 2rem;
margin-top: calc(2rem*1.2);
}
.habit_model_show{
position: absolute;
background-color: #fff;
border: solid 2px #000;
border-radius: 1rem;
padding: 2rem;
bottom: -.5rem;
border-radius: calc(1rem*1.2);
padding: calc(2rem*1.2);
bottom: calc(-.5rem*1.2);
transform: translateY(110%);
right: -.2rem;
width: 40rem;
// width: 35rem;
right: calc(-.2rem*1.2);
width: calc(40rem*1.2);
// width: 35rem*1.2);
opacity: 0;
transition: all .3s;
display: none;
@@ -923,11 +923,11 @@ export default defineComponent({
transform: translateY(100%);
}
.habit_btn{
min-height: 26rem;
min-height: calc(26rem*1.2);
display: flex;
justify-content: space-between;
.model_current{
margin-right: 3rem;
margin-right: calc(3rem*1.2);
.model_text{
text-align: center;
}
@@ -936,7 +936,7 @@ export default defineComponent({
.habit_model_list{
margin: 0;
li{
padding: .5rem 0;
padding: calc(.5rem*1.2) 0;
display: flex;
input{
border: 0;
@@ -958,9 +958,9 @@ export default defineComponent({
border-radius: 50%;
border: 1px solid #000;
display: inline-block;
width: 2rem;
height: 2rem;
line-height: 2rem;
width: calc(2rem*1.2);
height: calc(2rem*1.2);
line-height: calc(2rem*1.2);
text-align: center;
}
i{
@@ -971,7 +971,7 @@ export default defineComponent({
cursor: pointer;
}
.fi-rr-trash{
margin-left: 1rem;
margin-left: calc(1rem*1.2);
}
}
li:hover{
@@ -979,7 +979,7 @@ export default defineComponent({
}
.material_content_list_loding{
width: 100%;
height: 4rem;
height: calc(4rem*1.2);
display: flex;
img{
width: auto;
@@ -998,7 +998,7 @@ export default defineComponent({
display: flex;
justify-content: center;
:deep(.ant-switch) {
margin: 0 1rem;
margin: 0 calc(1rem*1.2);
}
.habit_System_Seleves_text {
font-weight: 600;
@@ -1020,19 +1020,19 @@ export default defineComponent({
overflow-x: auto;
&.model_img::-webkit-scrollbar {
/* 竖轴的宽度 */
width: 1rem;
width: calc(1rem*1.2);
/* 横轴的高度 */
height: 1rem;
height: calc(1rem*1.2);
transition: all .3s;
}
/* 进度 */
&.model_img::-webkit-scrollbar-thumb {
border-radius: 1rem;
border-radius: calc(1rem*1.2);
background: rgba(238, 238, 244, 0);
}
/* 轨道 */
&.model_img::-webkit-scrollbar-track {
border-radius: 1rem;
border-radius: calc(1rem*1.2);
background: rgba(238, 238, 244, 0);
}
&.model_img:hover {
@@ -1051,10 +1051,10 @@ export default defineComponent({
}
div{
width: auto;
margin-right: 1rem;
margin-right: calc(1rem*1.2);
}
img{
width: 10rem;
width: calc(10rem*1.2);
cursor: pointer;
}
}
@@ -1077,7 +1077,7 @@ export default defineComponent({
display: flex;
align-items: center;
justify-content: space-between;
font-size: 1.4rem;
font-size: calc(1.4rem*1.2);
}
</style>
<style>