update:更新页面样式

This commit is contained in:
2021-09-27 10:26:16 +08:00
parent 58d39098de
commit 2e3b8ce86e
11 changed files with 367 additions and 182 deletions

View File

@@ -1,5 +1,5 @@
<template>
<div style="margin: 0 auto">
<div style="margin: 0 auto" class="container">
<el-button
type="primary"
@click="testdownload4()"
@@ -24,6 +24,7 @@
<script>
// import pdf from "vue-pdf";
import $ from "jquery";
export default {
components: {},
data() {
@@ -38,7 +39,18 @@ export default {
created() {
this.onInit();
},
mounted() {},
mounted() {
if (
650 >=
$(".container")
.css("height")
.substr(0, 5)
) {
$(".bottomContent").addClass("absolute");
} else {
$(".absolute").removeClass("absolute");
}
},
methods: {
onInit() {
const result = JSON.parse(JSON.stringify(this.$store.state.info));
@@ -83,6 +95,10 @@ export default {
};
</script>
<style lang="less" scoped>
.el-button {
height: 48px;
border-radius: 4px;
}
.content {
text-align: center;
line-height: 200px;
@@ -103,9 +119,12 @@ export default {
margin: 0 auto;
padding: 0;
}
.bottomContent {
.absolute {
position: absolute;
bottom: 10px;
bottom: 0px;
}
.bottomContent {
margin-bottom: 10px;
text-align: center;
width: 100%;
font-size: 10px;