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>({});
// 实时计算浏览器的宽度
window.onresize = () => {
return (() => {
let fullWidth = document.documentElement.clientWidth;
let width = fullWidth; // 宽
if(width<600){
maxClassName.value = {width:"100%"}
}else if(width>=500&&width<1070){
width = width-300
maxClassName.value = {width:width+"px"}
}else{
width = 1070
maxClassName.value = {width:width+"px"}
}
})()
};
// window.onresize = () => {
// return (() => {
// let fullWidth = document.documentElement.clientWidth;
// let width = fullWidth; // 宽
// if(width<600){
// maxClassName.value = {width:"100%"}
// }else if(width>=500&&width<1070){
// width = width-300
// maxClassName.value = {width:width+"px"}
// }else{
// width = 1070
// maxClassName.value = {width:width+"px"}
// }
// })()
// };
//进入就加载
onMounted(() => {
var width = window.screen.width * window.devicePixelRatio;
console.log(`🚀 ~ file: index.vue:104 ~ onMounted ~ width:`, width)
if(width<1070){
width = width-200
maxClassName.value = {width:width+"px"}
}else{
width = 1070
maxClassName.value = {width:width+"px"}
}
// var width = window.screen.width * window.devicePixelRatio;
// console.log(`🚀 ~ file: index.vue:104 ~ onMounted ~ width:`, width)
// if(width<1070){
// width = width-200
// maxClassName.value = {width:width+"px"}
// }else{
// width = 1070
// maxClassName.value = {width:width+"px"}
// }
});
@ -163,7 +163,7 @@
background: #f3f3f4;
#maxSite {
//最大宽度
// max-width: 1170px;
max-width: 1070px;
//居中
margin: 0 auto;
.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 == '2'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;该评价表是根据线上课堂的特点研制的，如果您听的是线上课堂，请您填写该评价表；如果您同时是该课程所属学科的专家/教师，也欢迎您同时填写《同行评价表》。</span>
</div>
<div style="padding: 0 15rem;font-weight: 700;">
<div style="padding: 0 2rem;font-weight: 700;">
<a-row :gutter="[16,16]">
<a-col :span="24" v-for="(item,index) in list" :key="index">
<template v-if="item.isrequire != 0"><span style="color:red;">*</span></template>