update:更新页面样式
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user