update:更新下拉刷新

This commit is contained in:
2021-10-09 09:37:06 +08:00
parent 69c5b7a4f0
commit 4d32a67c52
5 changed files with 30 additions and 16 deletions

View File

@@ -11,10 +11,20 @@
<script> <script>
export default { export default {
name: "App", name: "App",
data() {
return {
startValue: "",
endValue: ""
};
},
mounted() { mounted() {
let app = document.querySelector("#app"); let app = document.querySelector("#app");
app.ontouchend = function() { app.onclick = function(e) {
if (app.offsetTop > 0) { this.startValue = e.target.offsetTop;
};
app.ontouchend = function(e) {
this.endValue = e.target.offsetTop;
if (this.endValue - this.startValue > 0) {
window.location.reload(); window.location.reload();
} }
}; };

View File

@@ -43,6 +43,7 @@ export default {
this.pic_height = "100%"; this.pic_height = "100%";
this.isloading = false; this.isloading = false;
} else { } else {
this.isloading = false;
let code = [6001, 6501]; let code = [6001, 6501];
if (code.indexOf(result.data.bizCode) != "-1") { if (code.indexOf(result.data.bizCode) != "-1") {
this.$message({ this.$message({

View File

@@ -59,6 +59,7 @@ export default {
this.pic_height = "100%"; this.pic_height = "100%";
this.isloading = false; this.isloading = false;
} else { } else {
this.isloading = false;
let code = [6001, 6501]; let code = [6001, 6501];
if (code.indexOf(result.data.bizCode) != "-1") { if (code.indexOf(result.data.bizCode) != "-1") {
this.$message({ this.$message({

View File

@@ -66,7 +66,6 @@
</template> </template>
<script> <script>
import { mgop } from "@aligov/jssdk-mgop"; import { mgop } from "@aligov/jssdk-mgop";
import $ from "jquery";
export default { export default {
data() { data() {
return { return {
@@ -179,20 +178,20 @@ export default {
height: 20px; height: 20px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: flex-start;
> span {
max-width: 50%;
}
> div { > div {
display: flex; display: flex;
align-items: center; align-items: center;
height: 100%; height: 100%;
width: 50%; width: 50%;
img { img {
height: 100%; height: 100%;
margin-right: 10px; margin-right: 10px;
} }
span {
white-space: nowrap;
margin-right: 10px;
}
} }
} }
} }

View File

@@ -1,7 +1,7 @@
<template> <template>
<div class="container"> <div class="container">
<div class="image"> <div class="image">
<img alt src="@/assets/img/evaluate.png" /> <img src="@/assets/img/evaluate.png" />
</div> </div>
<div class="text">为您查询到{{ prjListLength }}条结果</div> <div class="text">为您查询到{{ prjListLength }}条结果</div>
<!-- 标题区 --> <!-- 标题区 -->
@@ -29,9 +29,9 @@
被征收人姓名 被征收人姓名
<b>{{ info.userName }}</b> <b>{{ info.userName }}</b>
</div> </div>
<div> <div class="address">
<img alt src="@/assets/img/address.png" /> <img alt src="@/assets/img/address.png" />
被征收人房屋地址 <span>被征收人房屋地址</span>
<b>{{ item.houseAddress }}</b> <b>{{ item.houseAddress }}</b>
</div> </div>
<div> <div>
@@ -81,9 +81,9 @@
被征收人姓名 被征收人姓名
<b>{{ info.userName }}</b> <b>{{ info.userName }}</b>
</div> </div>
<div> <div class="address">
<img alt src="@/assets/img/address.png" /> <img alt src="@/assets/img/address.png" />
被征收人房屋地址 <span>被征收人房屋地址</span>
<b>{{ item.houseAddress }}</b> <b>{{ item.houseAddress }}</b>
</div> </div>
<div> <div>
@@ -204,7 +204,7 @@ export default {
text-align: center; text-align: center;
padding-top: 10px; padding-top: 10px;
img { img {
width: 330px; width: 95%;
} }
} }
.text { .text {
@@ -238,10 +238,13 @@ export default {
margin-right: 6px; margin-right: 6px;
width: 20px; width: 20px;
} }
b { span {
max-width: 50%; white-space: nowrap;
} }
} }
.address {
align-items: flex-start;
}
.absolute { .absolute {
background-color: #f7be24; background-color: #f7be24;
position: absolute; position: absolute;