yangjun
/
dbsd_kczx
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

调整手机适配

This commit is contained in:
yangjun 2023-06-26 21:33:14 +08:00
parent adaac62c4d
commit 5ccc88cf62
2 changed files with 26 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
src/views/site/index.vue
View File

@ -97,33 +97,33 @@
const maxClassName = ref<any>({}); const maxClassName = ref<any>({});
// 实时计算浏览器的宽度 // 实时计算浏览器的宽度
window.onresize = () => { // window.onresize = () => {
return (() => { // return (() => {
let fullWidth = document.documentElement.clientWidth; // let fullWidth = document.documentElement.clientWidth;
let width = fullWidth; // 宽 // let width = fullWidth; // 宽
if(width<600){ // if(width<600){
maxClassName.value = {width:"100%"} // maxClassName.value = {width:"100%"}
}else if(width>=500&&width<1070){ // }else if(width>=500&&width<1070){
width = width-300 // width = width-300
maxClassName.value = {width:width+"px"} // maxClassName.value = {width:width+"px"}
}else{ // }else{
width = 1070 // width = 1070
maxClassName.value = {width:width+"px"} // maxClassName.value = {width:width+"px"}
} // }
})() // })()
}; // };
//进入就加载 //进入就加载
onMounted(() => { onMounted(() => {
var width = window.screen.width * window.devicePixelRatio; // var width = window.screen.width * window.devicePixelRatio;
console.log(`🚀 ~ file: index.vue:104 ~ onMounted ~ width:`, width) // console.log(`🚀 ~ file: index.vue:104 ~ onMounted ~ width:`, width)
if(width<1070){ // if(width<1070){
width = width-200 // width = width-200
maxClassName.value = {width:width+"px"} // maxClassName.value = {width:width+"px"}
}else{ // }else{
width = 1070 // width = 1070
maxClassName.value = {width:width+"px"} // maxClassName.value = {width:width+"px"}
} // }
}); });
@ -163,7 +163,7 @@
background: #f3f3f4; background: #f3f3f4;
#maxSite { #maxSite {
//最大宽度 //最大宽度
// max-width: 1170px; max-width: 1070px;
//居中 //居中
margin: 0 auto; margin: 0 auto;
.rowGutter{ .rowGutter{

2
src/views/site/tingKeZuJi/page/qaAddPage.vue
View File

@ -28,7 +28,7 @@
<span v-else-if="$route.query.type == '3'">该评价表是方便行政人员和非该课程所属学科的教师听课使用的评价表，主要用来反映课堂教学的整体情况。</span> <span v-else-if="$route.query.type == '3'">该评价表是方便行政人员和非该课程所属学科的教师听课使用的评价表，主要用来反映课堂教学的整体情况。</span>
<span v-else-if="$route.query.type == '2'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;该评价表是根据线上课堂的特点研制的，如果您听的是线上课堂，请您填写该评价表；如果您同时是该课程所属学科的专家/教师，也欢迎您同时填写《同行评价表》。</span> <span v-else-if="$route.query.type == '2'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;该评价表是根据线上课堂的特点研制的，如果您听的是线上课堂，请您填写该评价表；如果您同时是该课程所属学科的专家/教师，也欢迎您同时填写《同行评价表》。</span>
</div> </div>
<div style="padding: 0 15rem;font-weight: 700;"> <div style="padding: 0 2rem;font-weight: 700;">
<a-row :gutter="[16,16]"> <a-row :gutter="[16,16]">
<a-col :span="24" v-for="(item,index) in list" :key="index"> <a-col :span="24" v-for="(item,index) in list" :key="index">
<template v-if="item.isrequire != 0"><span style="color:red;">*</span></template> <template v-if="item.isrequire != 0"><span style="color:red;">*</span></template>