diff --git a/src/pages/home/Me.vue b/src/pages/home/Me.vue index 2add6f4..80bd33f 100644 --- a/src/pages/home/Me.vue +++ b/src/pages/home/Me.vue @@ -2,111 +2,115 @@
-

我页面

-

我页面

-

我页面

-

我页面

-

我页面

-

我页面

-

我页面

-

我页面

-

我页面

-

我页面

-

我页面

-

我页面

-

我页面

-

我页面

-

我页面

-

我页面

-

我页面

-

我页面

-

我页面

-

我页面

-

我页面

-

我页面

-

我页面

-

我页面

-

我页面

- - - 1 - - - 2 - - -
-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-

喜欢

-
-
- - 4 - -
+
+

我页面

+

我页面

+

我页面

+

我页面

+

我页面

+

我页面

+

我页面

+

我页面

+

我页面

+

我页面

+

我页面

+

我页面

+

我页面

+

我页面

+

我页面

+

我页面

+

我页面

+

我页面

+

我页面

+

我页面

+

我页面

+

我页面

+

我页面

+

我页面

+

我页面

+
+
+ + +
1
+
+ +
2
+
+ +
+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+

喜欢

+
+
+
+

设置页

@@ -143,9 +147,55 @@ export default { return { serviceEl: {}, serviceHeight: 0, - contentIndex:0 + contentIndex: 0, + desc: null } }, + watch:{ + contentIndex(){ + this.changeIndex() + } + }, + computed: { + bodyHeight() { + return this.$store.state.bodyHeight + } + }, + mounted() { + this.changeIndex() + }, + methods:{ + changeIndex(){ + let desc = this.$refs.desc + let content = this.$refs['content'] + let tabContent1 = this.$refs['tab-content1'] + let tabContent2 = this.$refs['tab-content2'] + let tabContent3 = this.$refs['tab-content3'] + switch (this.contentIndex) { + case 0: + if (this.bodyHeight - desc.clientHeight > tabContent1.clientHeight) { + content.style.height = this.bodyHeight - desc.clientHeight + 'px' + } else { + content.style.height = tabContent1.clientHeight + 'px' + } + break + case 1: + if (this.bodyHeight - desc.clientHeight > tabContent2.clientHeight) { + content.style.height = this.bodyHeight - desc.clientHeight + 'px' + }else { + content.style.height = tabContent2.clientHeight + 'px' + } + break + case 2: + if (this.bodyHeight - desc.clientHeight > tabContent3.clientHeight) { + content.style.height = this.bodyHeight - desc.clientHeight + 'px' + }else { + content.style.height = tabContent3.clientHeight + 'px' + } + break + } + } + } } diff --git a/src/pages/home/SlideList.vue b/src/pages/home/SlideList.vue index 5bd8f18..9e36f80 100644 --- a/src/pages/home/SlideList.vue +++ b/src/pages/home/SlideList.vue @@ -1,6 +1,6 @@