|
@@ -1,21 +1,33 @@
|
|
|
<template>
|
|
|
<div id="aboutUs" class="app">
|
|
|
- <div class="head">
|
|
|
+ <van-sticky :offset-top="0">
|
|
|
+ <van-nav-bar left-arrow @click-left="onClickLeft" title="关于我们" />
|
|
|
+ </van-sticky>
|
|
|
+ <div class="head" v-if="version">
|
|
|
<van-image width="80" height="80" :src="logo" />
|
|
|
<br />
|
|
|
<div class="version">v{{ version }}</div>
|
|
|
<br />
|
|
|
</div>
|
|
|
<div class="sk" v-if="!content">
|
|
|
- <van-skeleton title avatar :row="10" />
|
|
|
+ <br />
|
|
|
+ <van-skeleton title :row="10" />
|
|
|
</div>
|
|
|
<news v-if="content" :item="{ content: content }" />
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { Image as vanImage } from "vant";
|
|
|
+import {
|
|
|
+ Image as vanImage,
|
|
|
+ NavBar as vanNavBar,
|
|
|
+ Skeleton as vanSkeleton,
|
|
|
+ Sticky as vanSticky
|
|
|
+} from "vant";
|
|
|
import { currentUrlToParams, setToken } from "@/utils/common.js";
|
|
|
+import "vant/lib/image/style";
|
|
|
+import "vant/lib/nav-bar/style";
|
|
|
+import "vant/lib/skeleton/style";
|
|
|
import news from "@/components/Detail/news.vue";
|
|
|
import logo from "@/assets/image/0.jpg";
|
|
|
|
|
@@ -28,7 +40,11 @@ export default {
|
|
|
version: ""
|
|
|
};
|
|
|
},
|
|
|
- methods: {},
|
|
|
+ methods: {
|
|
|
+ onClickLeft() {
|
|
|
+ history.go(-1);
|
|
|
+ }
|
|
|
+ },
|
|
|
mounted() {
|
|
|
let _this = this;
|
|
|
this.$pageParams = currentUrlToParams();
|
|
@@ -39,7 +55,7 @@ export default {
|
|
|
};
|
|
|
},
|
|
|
beforeDestroy: function() {},
|
|
|
- components: { news, vanImage }
|
|
|
+ components: { news, vanImage, vanNavBar, vanSticky, vanSkeleton }
|
|
|
};
|
|
|
</script>
|
|
|
<style lang="scss">
|