intellioa
/
super-fusion-platform
mirror of http://10.10.14.221/feiliming/oa-project-vue.git
6
0
Fork 0
Code Issues Projects Releases Wiki Activity

yangpu-zhxy

Browse Source
init
feiliming 4 years ago
parent 510b81feb2
commit 8b94d1a497
7 changed files with 44 additions and 36 deletions
Show Stats Download Patch File Download Diff File

24
src/views/screenAdaptation/pages/homePages/menuTop/modelSelect.vue
Unescape View File

@ -47,7 +47,7 @@
showModelAry: function () { showModelAry: function () {
this.showModelAryFlag = !this.showModelAryFlag; this.showModelAryFlag = !this.showModelAryFlag;
if (this.showModelAryFlag) { if (this.showModelAryFlag) {
this.$refs.modelAryRef.style.transform = "translateY(165px)"; this.$refs.modelAryRef.style.transform = "translateY(205px)";
} else { } else {
this.$refs.modelAryRef.style.transform = "translateY(-5px)"; this.$refs.modelAryRef.style.transform = "translateY(-5px)";
} }
@ -85,6 +85,7 @@
transform: skew(45deg); transform: skew(45deg);
color: #00fcff; color: #00fcff;
display: inline-block; display: inline-block;
font-style: oblique;
} }
.show-icon-style { .show-icon-style {
width: 23px; width: 23px;
@ -105,30 +106,31 @@
} }
.menu-ary-box-style { .menu-ary-box-style {
width: 200px; width: 200px;
height: 200px; height: 210px;
position: relative; position: relative;
display: flex; display: flex;
justify-content: center; justify-content: center;
overflow-y: hidden; overflow-y: hidden;
z-index: 5; z-index: 5;
font-size: 18px;
.model-ary-style { .model-ary-style {
width: 150px; width: 185px;
height: 160px; height: 200px;
position: absolute; position: absolute;
top: -160px; top: -200px;
border: 1px dashed #00fcff; border: 1px solid #00fcff;
border-radius: 5px; border-radius: 10px;
transition: transform 300ms linear; transition: transform 300ms linear;
will-change: transform; will-change: transform;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
background-color: #060d43; /* background-color: #060d43;*/
.model-item-style { .model-item-style {
width: 130px; width: 130px;
height: 40px; height: 50px;
line-height: 40px; line-height: 50px;
border-bottom: 1px dashed #00fcff; border-bottom: 1px dashed #00fcff;
text-align: center; text-align: center;
color: #00fcff; color: #00fcff;
@ -143,4 +145,4 @@
} }
} }
} }
</style> </style>

6
src/views/screenAdaptation/pages/homePages/menuTop/time.vue
Unescape View File

@ -2,7 +2,7 @@
<div class="time-box-style"> <div class="time-box-style">
<a-icon type="calendar" class="light-color-style"/> <a-icon type="calendar" class="light-color-style"/>
<span class="light-color-style time-text-style" style="margin-left: 0.5rem">{{ dateYear }} {{ dateDay }}</span> <span class="light-color-style time-text-style" style="margin-left: 0.5rem">{{ dateYear }} {{ dateDay }}</span>
<span class="light-color-style"> {{ dateWeek }}</span> <span class="light-color-style" style="padding-left: 10px;"> {{ dateWeek }}</span>
</div> </div>
</template> </template>
<script> <script>
@ -43,11 +43,11 @@
.time-box-style{ .time-box-style{
.time-text-style{ .time-text-style{
font-family: 'lightFont'; font-family: 'lightFont';
font-size: 20px; font-size: 25px;
color: #00fcff !important; color: #00fcff !important;
} }
.light-color-style{ .light-color-style{
color: #00fcff !important; color: #00fcff !important;
} }
} }
</style> </style>

22
src/views/screenAdaptation/pages/homePages/menuTop/top.vue
Unescape View File

@ -12,7 +12,6 @@
<PersonInfo/> <PersonInfo/>
</span> </span>
<span class="text login-text-style" v-if="!isLogin" <span class="text login-text-style" v-if="!isLogin"
style="color:#00fcff;cursor: pointer"
@click="toLogin" @click="toLogin"
> >
登录 登录
@ -148,6 +147,7 @@
position: relative; position: relative;
display: flex; display: flex;
justify-content: center; justify-content: center;
font-size: 22px;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -165,23 +165,30 @@
} }
.time-div-style { .time-div-style {
position: absolute; position: absolute;
left: 30px; left: 100px;
width: auto; width: auto;
height: 50px; height: 50px;
bottom: 12px; bottom: 12px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
font-style: oblique;
} }
.login-div-style { .login-div-style {
position: absolute; position: absolute;
right: 30px; right: 80px;
width: auto; width: auto;
height: 50px; height: 50px;
bottom: 12px; bottom: 12px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
.login-text-style {
color:#00fcff;
cursor: pointer;
letter-spacing: 20px;
font-style: oblique;
}
} }
.model-change-div-style{ .model-change-div-style{
position: absolute; position: absolute;
@ -211,6 +218,7 @@
transform: skew(45deg); transform: skew(45deg);
color: #00fcff; color: #00fcff;
display: inline-block; display: inline-block;
font-style: oblique;
} }
} }
.menu-ary-box-style { .menu-ary-box-style {
@ -222,15 +230,15 @@
justify-content: center; justify-content: center;
overflow-y: hidden; overflow-y: hidden;
.model-ary-style { .model-ary-style {
width: 150px; width: 185px;
height: 150px; height: 150px;
position: absolute; position: absolute;
top: -150px; top: -200px;
border: 1px dashed #00fcff; border: 1px dashed #00fcff;
border-radius: 5px; border-radius: 10px;
transition: transform 300ms linear; transition: transform 300ms linear;
will-change: transform; will-change: transform;
} }
} }
} }
</style> </style>

3
src/views/screenAdaptation/pages/homePages/threeDimensionalSchoolModel/menuItem.vue
Unescape View File

@ -46,9 +46,8 @@
margin-top: 20px; margin-top: 20px;
font-size: 20px; font-size: 20px;
color: white; color: white;
font-weight: bolder;
text-align: center; text-align: center;
} }
} }
</style> </style>

11
src/views/screenAdaptation/pages/homePages/traditionalMode/menuItem.vue
Unescape View File

@ -70,7 +70,7 @@
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.menu-box-style{ .menu-box-style{
width: 320px; width: 380px;
height: 300px; height: 300px;
position: relative; position: relative;
img{ img{
@ -78,7 +78,7 @@
height: 100%; height: 100%;
} }
.menu-item-style{ .menu-item-style{
width: 320px; width: 380px;
height: 300px; height: 300px;
position: absolute; position: absolute;
top: 0; top: 0;
@ -90,11 +90,10 @@
cursor: pointer; cursor: pointer;
.menu-name-style{ .menu-name-style{
font-size: 24px; font-size: 24px;
font-weight: bolder;
} }
.menu-img-style{ .menu-img-style{
width: 100px; width: 120px;
height: 100px; height: 120px;
margin-top: 5px; margin-top: 5px;
img{ img{
width: 100%; width: 100%;
@ -103,4 +102,4 @@
} }
} }
} }
</style> </style>

8
src/views/screenAdaptation/pages/homePages/traditionalMode/traditionalMode.vue
Unescape View File

@ -27,7 +27,7 @@
} }
}, },
mounted(){ mounted(){
}, },
methods:{ methods:{
menuClick:function (menu) { menuClick:function (menu) {
@ -44,7 +44,7 @@
.traditional-menu-style{ .traditional-menu-style{
width: 100%; width: 100%;
height: 100%; height: 100%;
margin-top: 50px; margin-top: 30px;
position: relative; position: relative;
z-index: 1; z-index: 1;
img{ img{
@ -61,7 +61,7 @@
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 100px 200px; padding: 60px 150px;
} }
} }
</style> </style>

6
vue.config.js
Unescape View File

@ -22,9 +22,9 @@ function getEntry() {
let fileList = filepath.split('/'); let fileList = filepath.split('/');
let fileName = fileList[fileList.length - 2]; let fileName = fileList[fileList.length - 2];
// // TODO 只打包正在编码的项目 // // TODO 只打包正在编码的项目
// if (fileName != "physicalHealth") { if (fileName != "screenAdaptation") {
// continue; continue;
// } }
entries[fileName] = { entries[fileName] = {
entry: `src/views/${fileName}/main.js`, entry: `src/views/${fileName}/main.js`,
// 在 dist/index.html 的输出 // 在 dist/index.html 的输出

Write Preview
Loading…
Cancel
Save