静态页面

src/app.config.js

 export default {
   pages: [
-    'pages/HuiShengHuo/ActivityList/ActivityDetail/index', // 荟生活-活动列表-活动详情
-
     'pages/HuiShengHuo/index', // 荟生活
     'pages/HuiShengHuo/ActivityList/index', // 荟生活-活动列表
+    'pages/HuiShengHuo/ActivityList/ActivityDetail/index', // 荟生活-活动列表-活动详情
     'pages/HuiShengHuo/ActivityList/ActivityDetail/JoinIn/index', // 荟生活-活动列表-活动详情-报名
-    'pages/HuiShengHuo/ActivityList/ActivityDetail/Vote/index', // 荟生活-活动列表-活动详情-投票
     'pages/HuiShengHuo/PhotoList/index', // 荟生活-照片列表
     'pages/HuiShengHuo/PhotoList/PhotoDetail/index', // 荟生活-照片列表-照片详情
 
     'pages/HuiQuanYi/index', // 荟权益
-    'pages/HuiQuanYi/NoticeBoard/index', // 荟权益-公告栏
-    'pages/HuiQuanYi/NoticeBoard/NoticeDetail/index', // 荟权益-公告栏-详情
     'pages/HuiQuanYi/OwnersNews/index', // 荟权益-业主资讯
     'pages/HuiQuanYi/OwnersNews/NewsDetail/index', // 荟权益-业主资讯-详情
 

src/iconfont.scss

 @font-face {font-family: "iconfont";
-  src: url('//at.alicdn.com/t/font_1998922_g8nkn1klezi.eot?t=1597115213858'); /* IE9 */
-  src: url('//at.alicdn.com/t/font_1998922_g8nkn1klezi.eot?t=1597115213858#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAALsAAsAAAAABtwAAAKfAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDBgqBPIEvATYCJAMMCwgABCAFhG0HPxv+BSMR9mLuCZD95QE9RLoneIYmThm2YfE2B8GHbdBGDqNFTVOubfnRPGyk/otisEzH9zmCpzV+83b37qskSSrQzTwRuiZIjRAJRaqIhHwBMHSurbFSIHUgN5H+DlpR0UcCLTa37Gw3IyIUn+Q8+H2+T1rCl14IexzjFhgQlkHkfLD5zMHaawOTITU+z+X0JtCB3FXfspzmGH7UCzAOKMC9MIqsQAIOQDuW1zUpT7xBr+4TaDdmXmwedh/WqmDLAnGbrl3Q2ksril9rFeqZvUU8VmlND9MzHpWfj7+r0UpSZWzt/qtbLlv/Q89Zo9OakCHA4QoZ8yjE2dnycVn4XNZuLuuttSKkq3JNU6oza/3RP14iaqy7E0xDJfGDlBP8+IAEMqj71WWso+zgDwgxEsnD5JP3NR+P33WbCaP4mXWNNBm9miEXDxObPpL0yfUCgJ9maz/AvJ1aEf+E2gKXO74anPGHXt6qupQZqbxcdturhFyUJEw/U0qQj+bZKOlWk76gkxb6nRc6LjzKGVHrtYC3ze+BZJOCi9L6u0hgfRrkQMl0zJNLopbqIpqNIIIJUAYxDVi834fj1iF0P6HV0IFoi9EWWatxsrDzqHRYi1qrdWg3Z9vhDgPuyKK0YdZdgtDrCZJuT5H1ek4W9j0qw/6j1hsZ7Y4Gd2aH3wbZBJ1iBP8HCrwn4VNb9d4xn6uTrq7k3ygH5aCtmmFtxB3lig3HJ3eqCZLwBgN5DNeVoQjPGLSaVEtf12nuRVXgzViToFOMwP8BBd6THq129P475nN1siKaKr5RDpoctCoNghzNO0r0K88cn9xRTSAJb2AgQVx5mUGZnzVj0Mp0oFh6NR2WsObqeetmv2PQbtgZ+ZIiR0E+3e7pNpkpyqdQntQYAA==') format('woff2'),
-  url('//at.alicdn.com/t/font_1998922_g8nkn1klezi.woff?t=1597115213858') format('woff'),
-  url('//at.alicdn.com/t/font_1998922_g8nkn1klezi.ttf?t=1597115213858') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
-  url('//at.alicdn.com/t/font_1998922_g8nkn1klezi.svg?t=1597115213858#iconfont') format('svg'); /* iOS 4.1- */
+  src: url('//at.alicdn.com/t/font_1998922_px03xetq40o.eot?t=1597199692796'); /* IE9 */
+  src: url('//at.alicdn.com/t/font_1998922_px03xetq40o.eot?t=1597199692796#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAARkAAsAAAAACUgAAAQYAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDXgqFDIQ8ATYCJAMcCxAABCAFhG0HahseCBGVnGnIfmryIDGIJhYQ8a1gyAiCg/4fJAgRYMAAAgyl5OFp7X/nzswK4hI9mTTTTCLzG2LSCE2rhS7ebMEb+V2u5ZfZrlCH7uddAVXZHW5yOcrNZvMwvk53fIUE8q1wnf9xNvFgtaUTo4EEIUrt48S/dH59MA+X4P//71XNmPjBsq49i8teg4I54QAFKOne2lOyFqTYExAt6MEgyOMPDttF3OasV36ZQH+TLRRr3Xx8Ka0CzgrEwaSEKEpbMCodWGg1dcONRVxVadO5dKnnivj5+C0IDkmVwYWbD7jGUlZ2+uJ9emWv0n7jiJazw7qNjIUoxOlG51E5SS6U9Q8Os9iOwVpJ3c0gIhJKckiJeF/So9gLq2EwqiNUiun/eTJR05QDVfLuVE2nTxBBJ0JUdKGIQpeDSHQliJrv+00yaJh68AbpB8QE27QIKNNJfDQJMWjQ8IHUgQOHDRNojCyBfgD4IuSPcQAMO37CL6Yg9MMlvmOh0tJN44Dlqsg+gv63+PNG37ieYP2xt26HoEQRjN0dFNvbrHTfXzXQoniXoF/tG8qh9t9u7lXo3bqluDJwp6pf6XGOw8hJGKiaa1bI4/ubZyoVMba3crZFWcb1tcxXKZmanQPKBwPH7H7m8wsY6+T8+3niRjY/82/8+9rgF4btpqYyJsr4h9sJ+kS6/fS6MlG4yV2ZsvzRS3t31FrDIBdedHD/D/2XEuYxdNE+d+/FmxoXR03MOy6uJ8pdLaQ5O+vAqWliB2VqNnpcPv8y1uCZT6XZA+y0tbT8ZLG93V/2VSauolJaena+MO7eE97D6AfeVdvvX40ktSOX64sM0jEW0XeESrN9FPf4Js8h9VB9aBOYZ9UkbtinNrPJC92gej5g2LuupuZGlS3lxr6CrMxC5V58yuFy2W3ZxjG9w6CHnMsmkJ+mBXq3TmUjg0kczmoJST6VhZomevr8F1MILjvrB9HG4H87oAOfgg5dqcEeKpZLtRKDRT+MaOBMCSVgaoo/nLQINBbk8iT0R0v8Jt7h/pZTjxpcTmiNyiBpTIKsNRNfyAuhMsAiqLVWQH8LnN4+wAhkRpQf5ntSIAz1DMlgLyAb6h1fyL9QGe0fakODDv3tjJ0HDjA7kpYPCRPGHNIJqEy3Yi28LCuvUdo6obxEMO6RjIqA73jlzCm2SEtcYoYyYBYgSDdworwO61pDR7rEjJ2Cueu7rmj6IifTTW/ZGgQlGMqB1ARQMlpLsPVsufL915Bk1RLUMTDgvoeIobYHPoc3AH+qbAcNPMp+Y0gKMCb00wSiNcCJakc1Smqgaz6uhDLMUUyId/pcbZEYqnS2VzfXeQP6gw82UUgzLMdL/z5UUtuxTdqFsVLEFGqhyM/kZayfl74jVavaEawtKVlwrwc=') format('woff2'),
+  url('//at.alicdn.com/t/font_1998922_px03xetq40o.woff?t=1597199692796') format('woff'),
+  url('//at.alicdn.com/t/font_1998922_px03xetq40o.ttf?t=1597199692796') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+  url('//at.alicdn.com/t/font_1998922_px03xetq40o.svg?t=1597199692796#iconfont') format('svg'); /* iOS 4.1- */
 }
 
 .iconfont {
   -moz-osx-font-smoothing: grayscale;
 }
 
+.iconweigouxuan:before {
+  content: "\e623";
+}
+
+.iconxianshi:before {
+  content: "\e673";
+}
+
+.icongouxuan:before {
+  content: "\e7c2";
+}
+
+.iconshijian:before {
+  content: "\e65c";
+}
+
 .iconguanbi:before {
   content: "\e639";
 }
 
 .iconjiantouright:before {
   content: "\e67b";
-}
+}

src/pages/HuiAiXin/EnergyStory/index.vue

 <template>
-  <view class="page">
-    正能量事迹
+  <view class="page ZhengNengLiangShiJi">
+    <ScrollY :IsRefreshing="IsRefreshing" @Refresh="Refresh">
+      <view class="Container">
+
+        <!-- 标题 -->
+        <view class="Title">
+          <image mode="heightFix" src="https://cjgw.oss-cn-hangzhou.aliyuncs.com/ygcxxfb/image/zhengnengliangshiji.png"></image>
+        </view>
+
+        <!-- 列表 -->
+        <view class="List">
+          <navigator v-for="(item, index) in 10" :key="index" url="./EnergyStoryDetail/index" hover-class="other-navigator-hover" class="Item flex-h">
+            <view class="flex-item">
+              <text>事迹标题事迹标题事迹标题事迹标题事迹标题事迹标题事迹标题事迹标题事迹标题事迹标题事迹标题事迹标题事迹标题事迹标题事迹标题事迹标题事迹标题事迹标题事迹标题事迹标题</text>
+              <text>副标题</text>
+              <text>来源</text>
+            </view>
+            <view class="Img">
+              <view></view>
+            </view>
+          </navigator>
+        </view>
+
+      </view>
+    </ScrollY>
   </view>
 </template>
 
 <script>
-
+import ScrollY from '../../../components/ScrollY/index'
 export default {
-  name: 'EnergyStory',
+  name: 'ZhengNengLiangShiJi',
   data () {
     return {
-
+      IsRefreshing: false,
+      DataLock: false
     }
   },
   components: {
+    ScrollY
   },
   created () {
     this.Init()
   },
   methods: {
     Init () {
+    },
+    Refresh (e) {
+      if (this.DataLock) return
+      this.DataLock = true
+      this.IsRefreshing = true
+      setTimeout(() => {
+        this.IsRefreshing = false
+        this.DataLock = false
+      }, 1000)
     }
   }
 }

src/pages/HuiAiXin/EnergyStory/page.scss

-.page {
+.page.ZhengNengLiangShiJi {
   width: 100%;
-}
+  height: 100%;
+  background: #fff;
+  .Container {
+    > .Title {
+      margin-top: 40px;
+      > image {
+        height: 44px;
+        margin-left: 20px;
+      }
+    }
+    > .List {
+      padding: 0 20px;
+      > .Item {
+        padding: 40px 0;
+        border-bottom: 2px solid #f5f5f5;
+        > .flex-item {
+          margin-right: 20px;
+          > text {
+            display: block;
+            font-size: 28px;
+            line-height: 40px;
+            overflow: hidden;
+            margin-top: 6px;
+            &:nth-child(1) {
+              text-overflow: ellipsis;
+              display: -webkit-box;
+              -webkit-box-orient: vertical;
+              -webkit-line-clamp: 2;
+              margin-top: 0;
+            }
+            &:nth-child(2) {
+              color: #666;
+              font-size: 24px;
+              white-space: nowrap;
+              text-overflow: ellipsis;
+            }
+            &:nth-child(3) {
+              color: #fe4e45;
+              font-size: 24px;
+              white-space: nowrap;
+              text-overflow: ellipsis;
+            }
+          }
+        }
+        > .Img {
+          width: 34%;
+          margin-right: 20px;
+          position: relative;
+          overflow: hidden;
+          > view {
+            width: 100%;
+            padding-bottom: 70%;
+            background: #ccc;
+            position: relative;
+            overflow: hidden;
+          }
+        }
+      }
+    }
+  }
+}

src/pages/HuiAiXin/StarOwner/index.vue

 <template>
-  <view class="page">
-    明星业主
+  <view class="page MingXingYeZhu">
+    <ScrollY :IsRefreshing="IsRefreshing" @Refresh="Refresh">
+      <view class="Container">
+
+        <!-- 标题 -->
+        <view class="Title">
+          <image mode="heightFix" src="https://cjgw.oss-cn-hangzhou.aliyuncs.com/ygcxxfb/image/mingxingyezhu.png"></image>
+        </view>
+
+        <!-- 列表 -->
+        <view class="List">
+          <navigator v-for="(item, index) in 10" :key="index" url="./StarOwnerDetail/index" hover-class="other-navigator-hover" class="Item">
+            <view class="Img"></view>
+            <text class="Info">业主家庭名称</text>
+          </navigator>
+        </view>
+
+      </view>
+    </ScrollY>
   </view>
 </template>
 
 <script>
-
+import ScrollY from '../../../components/ScrollY/index'
 export default {
-  name: 'StarOwner',
+  name: 'MingXingYeZhu',
   data () {
     return {
-
+      IsRefreshing: false,
+      DataLock: false
     }
   },
   components: {
+    ScrollY
   },
   created () {
     this.Init()
   },
   methods: {
     Init () {
+    },
+    Refresh (e) {
+      if (this.DataLock) return
+      this.DataLock = true
+      this.IsRefreshing = true
+      setTimeout(() => {
+        this.IsRefreshing = false
+        this.DataLock = false
+      }, 1000)
     }
   }
 }

src/pages/HuiAiXin/StarOwner/page.scss

-.page {
+.page.MingXingYeZhu {
   width: 100%;
-}
+  height: 100%;
+  background: #fff;
+  .Container {
+    > .Title {
+      margin-top: 40px;
+      > image {
+        height: 44px;
+        margin-left: 20px;
+      }
+    }
+    > .List {
+      padding: 0 20px;
+      margin-top: 40px;
+      > .Item {
+        width: 100%;
+        position: relative;
+        overflow: hidden;
+        display: inline-block;
+        vertical-align: middle;
+        border-radius: 20px;
+        box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.08);
+        margin-bottom: 40px;
+        > .Img {
+          width: 100%;
+          padding-bottom: 45%;
+          background: #ccc;
+          position: relative;
+          overflow: hidden;
+        }
+        > .Info {
+          display: block;
+          padding: 0 34px;
+          font-size: 24px;
+          line-height: 70px;
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          color: #333;
+        }
+      }
+    }
+  }
+}

src/pages/HuiQuanYi/OwnersNews/NewsDetail/index.config.js

 export default {
-  navigationBarTitleText: '咨询详情'
+  navigationBarTitleText: '业主资讯'
 }

src/pages/HuiQuanYi/OwnersNews/NewsDetail/index.vue

 <template>
-  <view class="page">
-    资讯详情
+  <view class="page ZiXunXiangQing">
+    
+    <!-- 标题 -->
+    <view class="MainTitle">
+      <text>标题</text>
+      <text class="iconfont iconguanbi"></text>
+    </view>
+
+    <!-- 内容 -->
+    <view class="Container"></view>
+    
   </view>
 </template>
 
 <script>
 
 export default {
-  name: 'NewsDetail',
+  name: 'ZiXunXiangQing',
   data () {
     return {
 

src/pages/HuiQuanYi/OwnersNews/NewsDetail/page.scss

-.page {
+.page.ZiXunXiangQing {
   width: 100%;
-}
+  height: 100%;
+  overflow-y: scroll;
+  background: #fff;
+  > .MainTitle {
+    position: relative;
+    overflow: hidden;
+    margin-top: 20px;
+    > text {
+      &:nth-child(1) {
+        display: block;
+        text-align: center;
+        font-size: 52px;
+        font-weight: bold;
+        line-height: 80px;
+        z-index: 1;
+        position: relative;
+      }
+      &:nth-child(2) {
+        font-size: 24px;
+        display: inline-block;
+        position: absolute;
+        z-index: 2;
+        right: 40px;
+        top: 50%;
+        transform: translateY(-50%);
+        -webkit-transform: translateY(-50%);
+      }
+    }
+  }
+  > .Container {
+    margin-top: 40px;
+    padding: 0 20px;
+    padding-bottom: 40px;
+  }
+}

src/pages/HuiQuanYi/OwnersNews/index.vue

 <template>
-  <view class="page">
-    业主资讯
+  <view class="page YeZhuZiXun">
+    <ScrollY :IsRefreshing="IsRefreshing" @Refresh="Refresh">
+      <view class="Container">
+
+        <!-- 标题 -->
+        <view class="Title">
+          <image mode="heightFix" src="https://cjgw.oss-cn-hangzhou.aliyuncs.com/ygcxxfb/image/yezhuzixun.png"></image>
+        </view>
+
+        <!-- 列表 -->
+        <view class="List">
+          <navigator url="./NewsDetail/index" hover-class="other-navigator-hover" v-for="(item, index) in 20" :key="index" class="Item flex-h">
+            <view class="flex-item">
+              <text>资讯标题</text>
+              <text>4567</text>
+            </view>
+            <text class="iconfont iconjiantouright"></text>
+          </navigator>
+        </view>
+
+      </view>
+    </ScrollY>
   </view>
 </template>
 
 <script>
-
+import ScrollY from '../../../components/ScrollY/index'
 export default {
-  name: 'OwnersNews',
+  name: 'YeZhuZiXun',
   data () {
     return {
-
+      IsRefreshing: false,
+      DataLock: false
     }
   },
   components: {
+    ScrollY
   },
   created () {
     this.Init()
   },
   methods: {
     Init () {
+    },
+    Refresh (e) {
+      if (this.DataLock) return
+      this.DataLock = true
+      this.IsRefreshing = true
+      setTimeout(() => {
+        this.IsRefreshing = false
+        this.DataLock = false
+      }, 1000)
     }
   }
 }

src/pages/HuiQuanYi/OwnersNews/page.scss

-.page {
+.page.YeZhuZiXun {
   width: 100%;
-}
+  height: 100%;
+  background: #fff;
+  .Container {
+    > .Title {
+      margin-top: 40px;
+      > image {
+        height: 44px;
+        margin-left: 20px;
+      }
+    }
+    > .List {
+      padding-left: 20px;
+      margin-top: 20px;
+      padding-bottom: 40px;
+      > .Item {
+        border-bottom: 2px solid #f5f5f5;
+        padding: 20px 20px 20px 0;
+        align-items: center;
+        > view {
+          font-size: 0;
+          white-space: nowrap;
+          position: relative;
+          overflow: hidden;
+          > text {
+            display: inline-block;
+            vertical-align: middle;
+            font-size: 28px;
+            color: #999;
+            &:nth-child(1) {
+              color: #000;
+              max-width: 88%;
+              overflow: hidden;
+              text-overflow: ellipsis;
+              margin-right: 2%;
+            }
+            &:nth-child(2) {
+              width: 10%;
+            }
+          }
+        }
+        > text {
+          font-size: 28px;
+          color: #999;
+        }
+      }
+    }
+  }
+}

src/pages/HuiShengHuo/ActivityList/ActivityDetail/JoinIn/index.vue

 <template>
-  <view class="page">
-    活动报名
+  <view class="page LiJiBaoMing">
+
+    <!-- 表单 -->
+    <view class="Form">
+      <view class="flex-h">
+        <text>姓名</text>
+        <view class="flex-item">
+          <input type="text" placeholder="请输入" />
+        </view>
+      </view>
+      <view class="flex-h">
+        <text>手机号</text>
+        <view class="flex-item">
+          <input type="number" placeholder="请输入" />
+        </view>
+      </view>
+      <view class="flex-h">
+        <text>人数</text>
+        <view class="flex-item">
+          <input type="number" placeholder="请输入" />
+        </view>
+      </view>
+    </view>
+    
+    <text>提交</text>
+
   </view>
 </template>
 
 <script>
 
 export default {
-  name: 'JoinIn',
+  name: 'LiJiBaoMing',
   data () {
     return {
 

src/pages/HuiShengHuo/ActivityList/ActivityDetail/JoinIn/page.scss

-.page {
+.page.LiJiBaoMing {
   width: 100%;
-}
+  height: 100%;
+  overflow-y: scroll;
+  background: #fff;
+  > .Form {
+    padding: 0 20px;
+    > view {
+      padding: 26px 0;
+      border-bottom: 2px solid #f5f5f5;
+      &:last-child {
+        border-bottom: none;
+      }
+      > text {
+        font-size: 28px;
+        width: 100px;
+      }
+      > view {
+        position: relative;
+        overflow: hidden;
+        > input {
+          width: 100%;
+          font-size: 28px;
+          line-height: 40px;
+          height: 40px;
+          text-align: right;
+        }
+      }
+    }
+  }
+  > text {
+    width: 620px;
+    font-size: 40px;
+    display: block;
+    font-weight: bold;
+    line-height: 100px;
+    border-radius: 100px;
+    background: #fddd39;
+    margin: 60px auto 0;
+    text-align: center;
+    box-shadow: 0 5px 10px 5px rgba(253, 221, 57, 0.3);
+  }
+}

src/pages/HuiShengHuo/ActivityList/ActivityDetail/Vote/index.config.js

-export default {
-  navigationBarTitleText: '活动投票'
-}

src/pages/HuiShengHuo/ActivityList/ActivityDetail/Vote/index.vue

-<template>
-  <view class="page">
-    活动投票
-  </view>
-</template>
-
-<script>
-
-export default {
-  name: 'Vote',
-  data () {
-    return {
-
-    }
-  },
-  components: {
-  },
-  created () {
-    this.Init()
-  },
-  methods: {
-    Init () {
-    }
-  }
-}
-</script>
-
-<style lang="scss">
-@import "page.scss";
-</style>
- 

src/pages/HuiShengHuo/ActivityList/ActivityDetail/Vote/page.scss

-.page {
-  width: 100%;
-}

src/pages/HuiShengHuo/ActivityList/ActivityDetail/index.config.js

 export default {
-  navigationBarTitleText: '活动详情'
+  navigationBarTitleText: '荟 · 生活'
 }

src/pages/HuiShengHuo/ActivityList/ActivityDetail/index.vue

 <template>
-  <view class="page">
-    活动详情
+  <view class="page HuoDongXiangQing flex-v">
+
+    <view class="flex-item">
+      <view>
+
+        <!-- 活动主要信息 -->
+        <view class="MainInfo">
+          <text>活动名称</text>
+          <view class="SubInfo flex-h">
+            <view class="flex-item">
+              <text class="iconfont iconxianshi"></text>
+              <text>1245</text>
+            </view>
+            <view class="Time">
+              <text class="iconfont iconshijian"></text>
+              <text>2020-08-07</text>
+            </view>
+          </view>
+          <view class="Line flex-h">
+            <text>活动时间：</text>
+            <text class="flex-item">2020-08-07 至 2020-08-08</text>
+          </view>
+          <view class="Line flex-h">
+            <text>活动地址：</text>
+            <text class="flex-item">南京市江宁区丽园荟广场</text>
+          </view>
+          <view class="Line flex-h">
+            <text>报名截止：</text>
+            <text class="flex-item">2020-08-06 18:30</text>
+          </view>
+        </view>
+
+        <!-- 活动详情 -->
+        <view class="DetailContainer">
+          <image mode="heightFix" src="https://cjgw.oss-cn-hangzhou.aliyuncs.com/ygcxxfb/image/huodongxiangqing.png"></image>
+          <view class="Text"></view>
+        </view>
+
+        <!-- 投票 -->
+        <view class="VoteContainer">
+          <image mode="heightFix" src="https://cjgw.oss-cn-hangzhou.aliyuncs.com/ygcxxfb/image/toupiao.png"></image>
+          <view class="List">
+            <view v-for="(item, index) in VoteList" :key="index">
+              <text>{{index + 1}}.{{item.Question}}</text>
+              <view class="flex-h" v-for="(subItem, subIndex) in item.Answer" :key="subIndex">
+                <text class="iconfont iconweigouxuan" v-if="!subItem.active"></text>
+                <text class="iconfont icongouxuan" v-else></text>
+                <view class="flex-item">
+                  <text>{{subItem.name}}</text>
+                </view>
+              </view>
+            </view>
+          </view>
+          <text>提交</text>
+        </view>
+
+      </view>
+    </view>
+
+    <!-- 底部栏 -->
+    <view class="Bottom flex-h">
+      <view class="flex-item">
+        <image class="centerLabel" mode="heightFix" src="https://cjgw.oss-cn-hangzhou.aliyuncs.com/ygcxxfb/image/huishenghuo.png"></image>
+      </view>
+      <view class="flex-item">
+        <image class="centerLabel" mode="heightFix" src="https://cjgw.oss-cn-hangzhou.aliyuncs.com/ygcxxfb/image/fenxiang.png"></image>
+      </view>
+      <image mode="heightFix" src="https://cjgw.oss-cn-hangzhou.aliyuncs.com/ygcxxfb/image/lijibaomingbtn.png"></image>
+    </view>
+
   </view>
 </template>
 
 <script>
 
 export default {
-  name: 'ActivityDetail',
+  name: 'HuoDongXiangQing',
   data () {
     return {
-
+      DataLock: false,
+      VoteList: [
+        {
+          Question: '问题1',
+          Answer: [{ name: '答案1', active: false, id: '1' }, { name: '答案2', active: false, id: '2' }, { name: '答案3', active: false, id: '3' }]
+        }, {
+          Question: '问题2',
+          Answer: [{ name: '答案1', active: false, id: '1' }, { name: '答案2', active: false, id: '2' }, { name: '答案3', active: false, id: '3' }]
+        }, {
+          Question: '问题3',
+          Answer: [{ name: '答案1', active: false, id: '1' }, { name: '答案2', active: false, id: '2' }, { name: '答案3', active: false, id: '3' }]
+        }, {
+          Question: '问题4',
+          Answer: [{ name: '答案1', active: false, id: '1' }, { name: '答案2', active: false, id: '2' }, { name: '答案3', active: false, id: '3' }]
+        }, {
+          Question: '问题5',
+          Answer: [{ name: '答案1', active: false, id: '1' }, { name: '答案2', active: false, id: '2' }, { name: '答案3', active: false, id: '3' }]
+        }
+      ]
     }
   },
   components: {

src/pages/HuiShengHuo/ActivityList/ActivityDetail/page.scss

-.page {
+.page.HuoDongXiangQing {
   width: 100%;
-}
+  height: 100%;
+  > .flex-item {
+    position: relative;
+    overflow: hidden;
+    > view {
+      width: 100%;
+      height: 100%;
+      overflow-y: scroll;
+      > .MainInfo {
+        background: #fff;
+        padding: 24px;
+        box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.08);
+        > text {
+          display: block;
+          font-size: 44px;
+          line-height: 60px;
+        }
+        > .SubInfo {
+          align-items: center;
+          margin-top: 10px;
+          > .flex-item {
+            font-size: 0;
+            white-space: nowrap;
+            > text {
+              display: inline-block;
+              vertical-align: middle;
+              font-size: 24px;
+              line-height: 40px;
+              color: #999;
+              margin-right: 10px;
+              &:nth-child(1) {
+                font-size: 30px;
+              }
+            }
+          }
+          > .Time {
+            font-size: 0;
+            white-space: nowrap;
+            > text {
+              display: inline-block;
+              vertical-align: middle;
+              font-size: 24px;
+              line-height: 40px;
+              margin-left: 10px;
+              color: #999;
+              &:nth-child(1) {
+                font-size: 30px;
+              }
+            }
+          }
+        }
+        > .Line {
+          align-items: center;
+          margin-top: 10px;
+          margin-bottom: 10px;
+          > text {
+            font-size: 28px;
+            color: #000;
+            line-height: 40px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            &:nth-child(1) {
+              color: #999;
+              width: 140px;
+            }
+          }
+        }
+      }
+      > .DetailContainer {
+        background: #fff;
+        margin-top: 20px;
+        padding-top: 50px;
+        box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.08);
+        > image {
+          height: 70px;
+          display: block;
+          margin: 0 auto;
+        }
+        > .Text {
+          padding: 20px;
+        }
+      }
+      > .VoteContainer {
+        background: #fff;
+        margin-top: 20px;
+        padding-top: 50px;
+        padding-bottom: 80px;
+        margin-bottom: 40px;
+        box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.08);
+        > image {
+          height: 70px;
+          display: block;
+          margin: 0 auto;
+        }
+        > .List {
+          padding-top: 20px;
+          > view {
+            padding-left: 20px;
+            margin-bottom: 20px;
+            > text {
+              display: block;
+              font-size: 28px;
+              color: #666;
+              line-height: 40px;
+            }
+            > view {
+              align-items: flex-start;
+              padding: 22px 0;
+              border-bottom: 2px solid #f5f5f5;
+              > text {
+                font-size: 38px;
+                line-height: 40px;
+                margin-right: 20px;
+                color: #fe4e45;
+              }
+              > view {
+                position: relative;
+                overflow: hidden;
+                > text {
+                  display: block;
+                  font-size: 28px;
+                  color: #666;
+                  line-height: 40px;
+                }
+              }
+            }
+          }
+        }
+        > text {
+          width: 620px;
+          font-size: 40px;
+          display: block;
+          font-weight: bold;
+          line-height: 100px;
+          border-radius: 100px;
+          background: #fddd39;
+          margin: 40px auto 0;
+          text-align: center;
+          box-shadow: 0 5px 10px 5px rgba(253, 221, 57, 0.3);
+        }
+      }
+    }
+  }
+  > .Bottom {
+    background: #fff;
+    > view {
+      position: relative;
+      overflow: hidden;
+      > image {
+        height: 40px;
+      }
+      &:nth-child(2) {
+        > image {
+          height: 36px;
+        }
+      }
+    }
+    > image {
+      height: 90px;
+    }
+  }
+}

src/pages/SignIn/index.vue

 <template>
-  <view class="page">
-    登录页
+  <view class="page DengLu">
+    <image mode="widthFix" src="https://cjgw.oss-cn-hangzhou.aliyuncs.com/ygcxxfb/image/signinbg.png"></image>
+    <view class="Btn flex-h">
+      <view class="flex-item"><text>取消登录</text></view>
+      <view class="flex-item"><text>授权登录</text></view>
+    </view>
+    <view class="Agree flex-h">
+      <text class="iconfont icongouxuan"></text>
+      <text class="iconfont iconweigouxuan"></text>
+      <view class="flex-item">
+        <text>我已认真阅读，理解并同意<text>《用户协议及隐私政策》</text></text>
+      </view>
+    </view>
   </view>
 </template>
 
 <script>
 export default {
-  name: 'SignIn',
+  name: 'DengLu',
   data () {
     return {
 

src/pages/SignIn/page.scss

-.page {
+.page.DengLu {
   width: 100%;
-}
+  height: 100%;
+  overflow-y: scroll;
+  background: #fff;
+  > image {
+    width: 100%;
+  }
+  > .Btn {
+    padding: 0 76px;
+    margin-top: 40px;
+    align-items: center;
+    overflow: visible;
+    > view {
+      margin-left: 40px;
+      overflow: visible;
+      &:nth-child(1) {
+        margin-left: 0;
+      }
+      &:nth-child(2) {
+        > text {
+          background: #fddd39;
+          border-color: #fddd39;
+          box-shadow: 0 5px 10px 5px rgba(253, 221, 57, 0.3);
+        }
+      }
+      > text {
+        display: block;
+        text-align: center;
+        font-size: 28px;
+        line-height: 80px;
+        border-radius: 80px;
+        box-sizing: border-box;
+        border: 2px solid #333;
+        text-align: center;
+      }
+    }
+  }
+  > .Agree {
+    padding: 0 76px;
+    align-items: flex-start;
+    margin-top: 20px;
+    > text {
+      font-size: 36px;
+      line-height: 40px;
+      margin-right: 10px;
+      color: #fe4e45;
+    }
+    > view {
+      > text {
+        display: block;
+        font-size: 24px;
+        color: #333;
+        line-height: 40px;
+        >text {
+          display: inline-block;
+          font-size: 24px;
+          color: #333;
+          line-height: 40px;
+        }
+      }
+    }
+  }
+}

src/pages/WoDe/Feedback/index.vue

 <template>
-  <view class="page">
-    意见反馈
+  <view class="page YiJianFanKui">
+
+    <!-- 标题 -->
+    <view class="Title">
+      <image mode="heightFix" src="https://cjgw.oss-cn-hangzhou.aliyuncs.com/ygcxxfb/image/yijianfankui.png"></image>
+    </view>
+
+    <!-- 表单 -->
+    <view class="Form">
+      <view>
+        <textarea placeholder="请输入" name="textarea"/>
+        <text>0/100</text>
+      </view>
+    </view>
+
+    <text>提交</text>
+
   </view>
 </template>
 
 <script>
 
 export default {
-  name: 'Feedback',
+  name: 'YiJianFanKui',
   data () {
     return {
 

src/pages/WoDe/Feedback/page.scss

-.page {
+.page.YiJianFanKui {
   width: 100%;
-}
+  height: 100%;
+  overflow-y: scroll;
+  background: #fff;
+  > .Title {
+    margin-top: 40px;
+    > image {
+      height: 50px;
+      margin-left: 20px;
+    }
+  }
+  > .Form {
+    padding: 0 20px;
+    margin-top: 20px;
+    > view {
+      box-sizing: border-box;
+      border: 4px solid #e5e3e3;
+      border-radius: 16px;
+      padding: 10px;
+      > textarea {
+        font-size: 30px;
+        color: #999;
+        line-height: 40px;
+        width: 100%;
+      }
+      > text {
+        display: block;
+        font-size: 24px;
+        color: #999;
+        text-align: right;
+        line-height: 40px;
+      }
+    }
+  }
+  > text {
+    width: 620px;
+    font-size: 40px;
+    display: block;
+    font-weight: bold;
+    line-height: 100px;
+    border-radius: 100px;
+    background: #fddd39;
+    margin: 40px auto 0;
+    text-align: center;
+    box-shadow: 0 5px 10px 5px rgba(253, 221, 57, 0.3);
+  }
+}

src/pages/WoDe/MyActivityList/index.vue

 <template>
-  <view class="page">
-    我的活动列表
+  <view class="page WoDeHuoDong">
+    <ScrollY :IsRefreshing="IsRefreshing" @Refresh="Refresh">
+      <view class="Container">
+
+        <!-- 标题 -->
+        <view class="Title">
+          <image mode="heightFix" src="https://cjgw.oss-cn-hangzhou.aliyuncs.com/ygcxxfb/image/wodehuodong.png"></image>
+        </view>
+
+        <!-- 列表 -->
+        <view class="List">
+          <navigator v-for="(item, index) in 10" :key="index" url="../../HuiShengHuo/ActivityList/ActivityDetail/index" hover-class="other-navigator-hover" class="Item flex-h">
+            <view class="flex-item">
+              <text>活动标题</text>
+              <text>已报名123人</text>
+              <text>已结束</text>
+            </view>
+            <view class="Img">
+              <view></view>
+            </view>
+          </navigator>
+        </view>
+
+      </view>
+    </ScrollY>
   </view>
 </template>
 
 <script>
-
+import ScrollY from '../../../components/ScrollY/index'
 export default {
-  name: 'MyActivityList',
+  name: 'WoDeHuoDong',
   data () {
     return {
-
+      IsRefreshing: false,
+      DataLock: false
     }
   },
   components: {
+    ScrollY
   },
   created () {
     this.Init()
   },
   methods: {
     Init () {
+    },
+    Refresh (e) {
+      if (this.DataLock) return
+      this.DataLock = true
+      this.IsRefreshing = true
+      setTimeout(() => {
+        this.IsRefreshing = false
+        this.DataLock = false
+      }, 1000)
     }
   }
 }

src/pages/WoDe/MyActivityList/page.scss

-.page {
+.page.WoDeHuoDong {
   width: 100%;
+  height: 100%;
+  background: #fff;
+  .Container {
+    > .Title {
+      margin-top: 40px;
+      > image {
+        height: 50px;
+        margin-left: 20px;
+      }
+    }
+    > .List {
+      padding-left: 20px;
+      > .Item {
+        padding: 40px 0;
+        border-bottom: 2px solid #f5f5f5;
+        overflow: visible;
+        > .flex-item {
+          margin-right: 20px;
+          overflow: visible;
+          > text {
+            display: block;
+            font-size: 28px;
+            line-height: 40px;
+            overflow: hidden;
+            margin-top: 6px;
+            &:nth-child(1) {
+              text-overflow: ellipsis;
+              display: -webkit-box;
+              -webkit-box-orient: vertical;
+              -webkit-line-clamp: 2;
+              margin-top: 0;
+            }
+            &:nth-child(2) {
+              color: #666;
+              font-size: 24px;
+              white-space: nowrap;
+              text-overflow: ellipsis;
+            }
+            &:nth-child(3) {
+              display: inline-block;
+              color: #000;
+              font-size: 24px;
+              line-height: 52px;
+              padding: 0 20px;
+              border-radius: 52px;
+              background: #ccc;
+              box-shadow: 0 10px 20px 5px rgba(0, 0, 0, 0.1);
+              &.active {
+                background: #fe4e45;
+                color: #fff;
+                box-shadow: 0 10px 20px 5px rgba(254, 78, 69, 0.3);
+              }
+            }
+          }
+        }
+        > .Img {
+          width: 34%;
+          margin-right: 20px;
+          position: relative;
+          overflow: hidden;
+          border-radius: 12px;
+          > view {
+            width: 100%;
+            padding-bottom: 70%;
+            background: #ccc;
+            position: relative;
+            overflow: hidden;
+          }
+        }
+      }
+    }
+  }
 }