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

commit 8.5

Browse Source
This commit is contained in:
WangXiaoDong
2023-08-05 12:52:56 +08:00
parent 913b100ac9
commit b28d6585fa
21 changed files with 2020 additions and 772 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -10,15 +10,9 @@
<h3 class="" @click="aaa()">Workspace Setting</h3>
<div class="habit_intro">adjust your workspace setting</div>
</div>
<div class="habit_type">
<a-dropdown>
<template #overlay>
<a-menu @click="habitTypeclick">
<a-menu-item aaa="22" key="1st menu item"> 1st menu item </a-menu-item>
<a-menu-item key="2nd menu item"> 2nd menu item </a-menu-item>
<a-menu-item key="3rd item"> 3rd item </a-menu-item>
</a-menu>
</template>
<div class="habit_type" trigger="['click']">
<a-dropdown placement="bottomRight">
<a-button>
<UserOutlined />
{{habitType.habitTypeone}}
@@ -26,7 +20,21 @@
</a-button>
</a-dropdown>
</div>
<div class="habit_Overal_Single">
<div
class="habit_Overal_Single_text"
:class="{ active: !checked }"
>
男
</div>
<a-switch v-model:checked="checked" />
<div
class="habit_Overal_Single_text"
:class="{ active: checked }"
>
女
</div>
</div>
<div class="habit_Overal_Single">
<div
class="habit_Overal_Single_text"
@@ -92,14 +100,14 @@
<div class="model_Designer">
<div class="model_text">
<div
class="habit_Overal_Single_text"
class="habit_System_Seleves_text"
:class="{ active: !checked }"
>
System
</div>
<a-switch v-model:checked="checked" />
<div
class="habit_Overal_Single_text"
class="habit_System_Seleves_text"
:class="{ active: checked }"
>
Seleves
@@ -121,7 +129,9 @@
<script lang="ts">
import { defineComponent, createVNode, ref,Ref} from "vue";
import { UserOutlined, DownOutlined } from "@ant-design/icons-vue";
import { Https } from "@/tool/https";
import type { MenuProps } from "ant-design-vue";
import axios from "axios";
export default defineComponent({
components: {
DownOutlined,
@@ -199,7 +209,8 @@ export default defineComponent({
return {
};
},
mounted() {},
mounted() {
},
directives:{
fade:{
updated (el,model){
@@ -219,12 +230,22 @@ export default defineComponent({
}
},
methods: {
getworkspace(){
Https.axiosGet(Https.httpUrls.workspaceDetail,{params:{id:3}}).then((rv: any) => {
if (rv) {
console.log(rv,'workspace');
}
})
},
handleButtonClick(e: Event) {
console.log("click left button", e);
},
handleMenuClick(e: Event) {
console.log("click", e);
this.getworkspace()
},
systemDesigner(num: Number) {
console.log(num);
@@ -236,7 +257,6 @@ export default defineComponent({
const aa = this.$refs.stringg
// const aa = this.$refs.stringg;
// aa.style
console.log(aa);
this.habit = !this.habit
if(!this.habit){
@@ -255,32 +275,32 @@ export default defineComponent({
.habit_button {
background-color: #fff;
border: solid 2px #000;
padding: 0px 20px;
padding: 0px 2rem;
box-sizing: initial;
font-weight: 600;
height: 32px;
line-height: 32px;
padding: 4px 15px;
font-size: 14px;
height: 3.2rem;
line-height: 3.2rem;
padding: .4rem 1.5rem;
font-size: 1.2rem;
cursor: pointer;
.fi-bs-angle-down {
margin-left: 10px;
margin-left: 1rem;
display: inline-block;
transform: translateY(2px);
}
}
.habit_content {
border: solid 2px #000;
border-radius: 10px;
padding: 20px 20px;
border-radius: 1rem;
padding: 2rem;
// zoom: .75;
transform-origin: top right;
position: absolute;
right: -3px;
right: -.3rem;
top: 110%;
background: #fff;
// width: 25rem;
width: 200px;
width: 30rem;
opacity: 0;
transition: all .3s;
transform: scale(0.75)translateY(10%);
@@ -291,25 +311,32 @@ export default defineComponent({
}
.habit_title {
h3 {
font-size: 16px;
font-size: 1.6rem;
font-weight: 600;
color: #000;
margin: 0;
}
.habit_intro {
font-size: 12px;
font-size: 1.2rem;
color: rgba(0, 0, 0, 0.5);
font-weight: 500;
}
}
.habit_type {
margin-top: 15px;
margin-top: 1.5rem;
// cursor: pointer;
button{
cursor: auto;
}
button:hover{
color: rgba(0, 0, 0, 0.5);
}
}
.habit_Overal_Single {
display: flex;
align-items: center;
justify-content: center;
margin: 30px 0;
margin: 3rem 0;
.habit_Overal_Single_text {
font-weight: 600;
color: rgba(0, 0, 0, 0.5);
@@ -317,22 +344,20 @@ export default defineComponent({
color: rgba(0, 0, 0, 0.7);
font-weight: 900;
}
:deep(.ant-switch-checked) {
background-color: #000;
}
}
:deep(.ant-switch) {
margin: 0 10px;
margin: 0 1rem;
}
}
.habit_habit_singleton {
margin-bottom: 30px;
margin-bottom: 3rem;
}
.habit_System_Designer {
margin-top: 80px;
margin-top: 8rem;
:deep(.ant-slider-track),
:deep(.ant-slider-rail) {
height: 0.6rem;
height: .6rem;
background-color: #e1e1e1;
border-radius: 0.5rem;
}
@@ -353,18 +378,19 @@ export default defineComponent({
}
}
.habit_model{
margin-top: 20px;
margin-top: 2rem;
}
.habit_model_show{
position: absolute;
background-color: #fff;
border: solid 2px #000;
border-radius: 10px;
padding: 20px 20px;
bottom: -5px;
border-radius: 1rem;
padding: 2rem;
bottom: -.5rem;
transform: translateY(110%);
right: -2px;
right: -.2rem;
width: 35rem;
opacity: 0;
transition: all .3s;
@@ -381,7 +407,18 @@ export default defineComponent({
.model_text{
display: flex;
:deep(.ant-switch) {
margin: 0 10px;
margin: 0 1rem;
}
.habit_System_Seleves_text {
font-weight: 600;
color: rgba(0, 0, 0, 0.5);
&.active {
color: rgba(0, 0, 0, 0.7);
font-weight: 900;
}
:deep(.ant-switch-checked) {
background-color: #000;
}
}
}
}
@@ -404,6 +441,9 @@ export default defineComponent({
border-color: #000 !important;
box-shadow: none !important;
}
:deep(.ant-switch-checked) {
background-color: #000;
}
.habit :deep(.ant-btn) {
box-shadow: none !important;
color: rgba(0, 0, 0, 0.5);
@@ -418,7 +458,9 @@ export default defineComponent({
}
</style>
<style>
.ant-tooltip{
z-index: 1049 !important;
}
.habit :deep(.ant-tooltip .ant-tooltip-inner) ,:deep(.ant-tooltip-arrow-content){
background: #000 !important;
}