静态页面

.editorconfig

@@ -0,0 +1,12 @@
+# http://editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

.eslintrc.js

@@ -0,0 +1,5 @@
+// ESLint 检查 .vue 文件需要单独配置编辑器：
+// https://eslint.vuejs.org/user-guide/#editor-integrations
+module.exports = {
+  'extends': ['taro/vue']
+}

.gitignore

@@ -0,0 +1,16 @@
+.DS_Store
+node_modules/
+dist/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+package-lock.json
+tests/**/coverage/
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln

.npmrc

@@ -0,0 +1,4 @@
+registry=https://r.cnpmjs.org
+disturl=https://r.cnpmjs.org/node
+sass_binary_site=https://r.cnpmjs.org/node-sass/
+fse_binary_host_mirror=https://r.cnpmjs.org/fsevents

babel.config.js

@@ -0,0 +1,10 @@
+// babel-preset-taro 更多选项和默认值：
+// https://github.com/NervJS/taro/blob/next/packages/babel-preset-taro/README.md
+module.exports = {
+  presets: [
+    ['taro', {
+      framework: 'vue',
+      ts: false
+    }]
+  ]
+}

config/dev.js

@@ -0,0 +1,9 @@
+module.exports = {
+  env: {
+    NODE_ENV: '"development"'
+  },
+  defineConstants: {
+  },
+  mini: {},
+  h5: {}
+}

config/index.js

@@ -0,0 +1,70 @@
+const config = {
+  projectName: 'myApp',
+  date: '2020-8-7',
+  designWidth: 750,
+  deviceRatio: {
+    640: 2.34 / 2,
+    750: 1,
+    828: 1.81 / 2
+  },
+  sourceRoot: 'src',
+  outputRoot: 'dist',
+  plugins: [],
+  defineConstants: {
+  },
+  copy: {
+    patterns: [
+    ],
+    options: {
+    }
+  },
+  framework: 'vue',
+  mini: {
+    postcss: {
+      pxtransform: {
+        enable: true,
+        config: {
+
+        }
+      },
+      url: {
+        enable: true,
+        config: {
+          limit: 1024 // 设定转换尺寸上限
+        }
+      },
+      cssModules: {
+        enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
+        config: {
+          namingPattern: 'module', // 转换模式，取值为 global/module
+          generateScopedName: '[name]__[local]___[hash:base64:5]'
+        }
+      }
+    }
+  },
+  h5: {
+    publicPath: '/',
+    staticDirectory: 'static',
+    postcss: {
+      autoprefixer: {
+        enable: true,
+        config: {
+        }
+      },
+      cssModules: {
+        enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
+        config: {
+          namingPattern: 'module', // 转换模式，取值为 global/module
+          generateScopedName: '[name]__[local]___[hash:base64:5]'
+        }
+      }
+    }
+  }
+}
+
+module.exports = function (merge) {
+  if (process.env.NODE_ENV === 'development') {
+    return merge({}, config, require('./dev'))
+  }
+  return merge({}, config, require('./prod'))
+}

config/prod.js

@@ -0,0 +1,18 @@
+module.exports = {
+  env: {
+    NODE_ENV: '"production"'
+  },
+  defineConstants: {
+  },
+  mini: {},
+  h5: {
+    /**
+     * 如果h5端编译后体积过大，可以使用webpack-bundle-analyzer插件对打包体积进行分析。
+     * 参考代码如下：
+     * webpackChain (chain) {
+     *   chain.plugin('analyzer')
+     *     .use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin, [])
+     * }
+     */
+  }
+}

package.json

@@ -0,0 +1,58 @@
+{
+  "name": "myApp",
+  "version": "1.0.0",
+  "private": true,
+  "description": "",
+  "templateInfo": {
+    "name": "vuex",
+    "typescript": false,
+    "css": "sass"
+  },
+  "scripts": {
+    "build:weapp": "taro build --type weapp",
+    "build:swan": "taro build --type swan",
+    "build:alipay": "taro build --type alipay",
+    "build:tt": "taro build --type tt",
+    "build:h5": "taro build --type h5",
+    "build:rn": "taro build --type rn",
+    "build:qq": "taro build --type qq",
+    "build:quickapp": "taro build --type quickapp",
+    "dev:weapp": "npm run build:weapp -- --watch",
+    "dev:swan": "npm run build:swan -- --watch",
+    "dev:alipay": "npm run build:alipay -- --watch",
+    "dev:tt": "npm run build:tt -- --watch",
+    "dev:h5": "npm run build:h5 -- --watch",
+    "dev:rn": "npm run build:rn -- --watch",
+    "dev:qq": "npm run build:qq -- --watch",
+    "dev:quickapp": "npm run build:quickapp -- --watch"
+  },
+  "browserslist": [
+    "last 3 versions",
+    "Android >= 4.1",
+    "ios >= 8"
+  ],
+  "author": "",
+  "license": "MIT",
+  "dependencies": {
+    "@babel/runtime": "^7.7.7",
+    "@tarojs/components": "3.0.7",
+    "@tarojs/runtime": "3.0.7",
+    "@tarojs/taro": "3.0.7",
+    "qs": "^6.9.4",
+    "vue": "^2.5.0",
+    "vue-template-compiler": "^2.5.0",
+    "vuex": "^3.5.1"
+  },
+  "devDependencies": {
+    "@types/webpack-env": "^1.13.6",
+    "@tarojs/mini-runner": "3.0.7",
+    "@tarojs/webpack-runner": "3.0.7",
+    "@babel/core": "^7.8.0",
+    "babel-preset-taro": "3.0.7",
+    "vue-loader": "^15.9.2",
+    "eslint-plugin-vue": "^6.x",
+    "eslint-config-taro": "3.0.7",
+    "eslint": "^6.8.0",
+    "stylelint": "9.3.0"
+  }
+}

project.config.json

@@ -0,0 +1,37 @@
+{
+	"miniprogramRoot": "dist/",
+	"projectname": "myApp",
+	"description": "",
+	"appid": "wxd9ee3a9480a4e544",
+	"setting": {
+		"urlCheck": true,
+		"es6": false,
+		"enhance": false,
+		"postcss": false,
+		"preloadBackgroundData": false,
+		"minified": false,
+		"newFeature": false,
+		"coverView": true,
+		"nodeModules": false,
+		"autoAudits": false,
+		"showShadowRootInWxmlPanel": true,
+		"scopeDataCheck": false,
+		"uglifyFileName": false,
+		"checkInvalidKey": true,
+		"checkSiteMap": true,
+		"uploadWithSourceMap": true,
+		"compileHotReLoad": false,
+		"babelSetting": {
+			"ignore": [],
+			"disablePlugins": [],
+			"outputPath": ""
+		},
+		"useIsolateContext": true,
+		"useCompilerModule": false,
+		"userConfirmedUseCompilerModuleSwitch": false
+	},
+	"compileType": "miniprogram",
+	"simulatorType": "wechat",
+	"simulatorPluginLibVersion": {},
+	"condition": {}
+}

src/app.config.js

@@ -0,0 +1,65 @@
+export default {
+  pages: [
+    'pages/HuiShengHuo/ActivityList/ActivityDetail/index', // 荟生活-活动列表-活动详情
+
+    'pages/HuiShengHuo/index', // 荟生活
+    'pages/HuiShengHuo/ActivityList/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', // 荟权益-业主资讯-详情
+
+    'pages/HuiAiXin/index', // 荟爱心
+    'pages/HuiAiXin/StarOwner/index', // 荟爱心-明星业主
+    'pages/HuiAiXin/StarOwner/StarOwnerDetail/index', // 荟爱心-明星业主-详情
+    'pages/HuiAiXin/EnergyStory/index', // 荟爱心-正能量事迹
+    'pages/HuiAiXin/EnergyStory/EnergyStoryDetail/index', // 荟爱心-正能量事迹-详情
+
+    'pages/WoDe/index', // 我的
+    'pages/WoDe/MyActivityList/index', // 我的-活动列表
+    'pages/WoDe/Feedback/index', // 我的-反馈
+
+    'pages/SignIn/index' // 登录页
+
+  ],
+  tabBar: {
+    list: [
+      {
+        iconPath: 'assets/image/iconhuishenghuo-.png',
+        selectedIconPath: 'assets/image/iconhuishenghuo.png',
+        pagePath: 'pages/HuiShengHuo/index',
+        text: '荟 · 生活'
+      },
+      {
+        iconPath: 'assets/image/iconhuiquanyi-.png',
+        selectedIconPath: 'assets/image/iconhuiquanyi.png',
+        pagePath: 'pages/HuiQuanYi/index',
+        text: '荟 · 权益'
+      },
+      {
+        iconPath: 'assets/image/iconhuiaixin-.png',
+        selectedIconPath: 'assets/image/iconhuiaixin.png',
+        pagePath: 'pages/HuiAiXin/index',
+        text: '荟 · 爱心'
+      },
+      {
+        iconPath: 'assets/image/iconwode-.png',
+        selectedIconPath: 'assets/image/iconwode.png',
+        pagePath: 'pages/WoDe/index',
+        text: '我的'
+      }
+    ]
+  },
+  window: {
+    backgroundTextStyle: 'light',
+    navigationBarBackgroundColor: '#fff',
+    navigationBarTitleText: 'WeChat',
+    navigationBarTextStyle: 'black'
+  }
+}

src/app.js

@@ -0,0 +1,23 @@
+import Vue from 'vue'
+import store from './store/index'
+
+import './app.scss'
+import './iconfont.scss'
+
+// Vue.config.productionTip = false
+
+// 引入项目通用（顶层）方法对象
+import ToolClass from './util/PublicMethod/index'
+Vue.prototype.ToolClass = ToolClass
+
+const App = new Vue({
+  store,
+  onShow (options) {
+  },
+  render(h) {
+    // this.$slots.default 是将要会渲染的页面
+    return h('block', this.$slots.default)
+  }
+})
+
+export default App

src/app.scss

@@ -0,0 +1,41 @@
+page {
+  width: 100%;
+  height: 100%;
+  background: #eee;
+
+  .centerLabel {
+    display: block;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    -webkit-transform: translate(-50%, -50%);
+  }
+
+  .flex-h {
+    display: flex;
+    display: -webkit-flex;
+  }
+
+  .flex-v {
+    display: flex;
+    display: -webkit-flex;
+    flex-direction: column;
+    -webkit-flex-direction: column;
+  }
+
+  .flex-item {
+    flex: 1;
+    -webkit-flex: 1;
+    position: relative;
+    overflow: hidden;
+  }
+
+  .text-overflow-line2 {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+  }
+}

src/components/BannerSwiper/index.vue

@@ -0,0 +1,38 @@
+<template>
+  <view class="BannerSwiper">
+    <swiper style="width: 100%; height: 100%;" indicator-color="rgba(255,255,255,0.3)" indicator-active-color="rgba(255,255,255,1)" :indicator-dots="true" :autoplay="true" :interval="2000" :duration="300">
+      <block v-for="(item, index) in List" :key="index">
+        <swiper-item>
+          <view class="swiper-item">{{item}}</view>
+        </swiper-item>
+      </block>
+    </swiper>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'BannerSwiper',
+  props: {
+    List: {
+      default: () => {
+        return ['1', '2', '3', '4', '5']
+      },
+      type: Array
+    }
+  },
+  data () {
+    return {
+    }
+  },
+  methods: {
+  }
+}
+</script>
+
+<style>
+.BannerSwiper {
+  width: 100%;
+  height: 100%;
+}
+</style>

src/components/ScrollY/index.vue

@@ -0,0 +1,32 @@
+<template>
+  <view class="ScrollY">
+    <scroll-view style="width: 100%; height: 100%;" :scroll-y="true" :refresher-enabled="true" :refresher-threshold="120" refresher-background="#f8f8f8" :refresher-triggered="IsRefreshing" @refresherpulling="$emit('Refresh')">
+      <slot></slot>
+    </scroll-view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'ScrollY',
+  props: {
+    IsRefreshing: {
+      default: false,
+      type: Boolean
+    }
+  },
+  data () {
+    return {
+    }
+  },
+  methods: {
+  }
+}
+</script>
+
+<style>
+.ScrollY {
+  width: 100%;
+  height: 100%;
+}
+</style>

src/iconfont.scss

@@ -0,0 +1,24 @@
+@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- */
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.iconguanbi:before {
+  content: "\e639";
+}
+
+.iconjiantouright:before {
+  content: "\e67b";
+}

src/index.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
+  <meta content="width=device-width,initial-scale=1,user-scalable=no" name="viewport">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-touch-fullscreen" content="yes">
+  <meta name="format-detection" content="telephone=no,address=no">
+  <meta name="apple-mobile-web-app-status-bar-style" content="white">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" >
+  <link rel="stylesheet" href="//at.alicdn.com/t/font_1998922_g8nkn1klezi.css">
+  <title></title>
+  <script>
+    !function(x){function w(){var v,u,t,tes,s=x.document,r=s.documentElement,a=r.getBoundingClientRect().width;if(!v&&!u){var n=!!x.navigator.appVersion.match(/AppleWebKit.*Mobile.*/);v=x.devicePixelRatio;tes=x.devicePixelRatio;v=n?v:1,u=1/v}if(a>=640){r.style.fontSize="40px"}else{if(a<=320){r.style.fontSize="20px"}else{r.style.fontSize=a/320*20+"px"}}}x.addEventListener("resize",function(){w()});w()}(window);
+  </script>
+</head>
+<body>
+  <div id="app"></div>
+</body>
+</html>

src/pages/HuiAiXin/EnergyStory/EnergyStoryDetail/index.config.js

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '正能量事迹详情'
+}

src/pages/HuiAiXin/EnergyStory/EnergyStoryDetail/index.vue

@@ -0,0 +1,30 @@
+<template>
+  <view class="page">
+    正能量事迹详情
+  </view>
+</template>
+
+<script>
+
+export default {
+  name: 'EnergyStoryDetail',
+  data () {
+    return {
+
+    }
+  },
+  components: {
+  },
+  created () {
+    this.Init()
+  },
+  methods: {
+    Init () {
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+@import "page.scss";
+</style>

src/pages/HuiAiXin/EnergyStory/EnergyStoryDetail/page.scss

@@ -0,0 +1,3 @@
+.page {
+  width: 100%;
+}

src/pages/HuiAiXin/EnergyStory/index.config.js

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '正能量事迹'
+}

src/pages/HuiAiXin/EnergyStory/index.vue

@@ -0,0 +1,30 @@
+<template>
+  <view class="page">
+    正能量事迹
+  </view>
+</template>
+
+<script>
+
+export default {
+  name: 'EnergyStory',
+  data () {
+    return {
+
+    }
+  },
+  components: {
+  },
+  created () {
+    this.Init()
+  },
+  methods: {
+    Init () {
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+@import "page.scss";
+</style>

src/pages/HuiAiXin/EnergyStory/page.scss

@@ -0,0 +1,3 @@
+.page {
+  width: 100%;
+}

src/pages/HuiAiXin/StarOwner/StarOwnerDetail/index.config.js

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '明星业主详情'
+}

src/pages/HuiAiXin/StarOwner/StarOwnerDetail/index.vue

@@ -0,0 +1,30 @@
+<template>
+  <view class="page">
+    明星业主详情
+  </view>
+</template>
+
+<script>
+
+export default {
+  name: 'StarOwnerDetail',
+  data () {
+    return {
+
+    }
+  },
+  components: {
+  },
+  created () {
+    this.Init()
+  },
+  methods: {
+    Init () {
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+@import "page.scss";
+</style>

src/pages/HuiAiXin/StarOwner/StarOwnerDetail/page.scss

@@ -0,0 +1,3 @@
+.page {
+  width: 100%;
+}

src/pages/HuiAiXin/StarOwner/index.config.js

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '明星业主'
+}

src/pages/HuiAiXin/StarOwner/index.vue

@@ -0,0 +1,30 @@
+<template>
+  <view class="page">
+    明星业主
+  </view>
+</template>
+
+<script>
+
+export default {
+  name: 'StarOwner',
+  data () {
+    return {
+
+    }
+  },
+  components: {
+  },
+  created () {
+    this.Init()
+  },
+  methods: {
+    Init () {
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+@import "page.scss";
+</style>

src/pages/HuiAiXin/StarOwner/page.scss

@@ -0,0 +1,3 @@
+.page {
+  width: 100%;
+}

src/pages/HuiAiXin/index.config.js

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '荟 · 爱心'
+}

src/pages/HuiAiXin/index.vue

@@ -0,0 +1,95 @@
+<template>
+  <view class="page HuiAiXin">
+    <ScrollY :IsRefreshing="IsRefreshing" @Refresh="Refresh">
+
+      <!-- banner -->
+      <view class="Banner">
+        <view>
+          <BannerSwiper></BannerSwiper>
+        </view>
+      </view>
+
+      <!-- 明星业主 -->
+      <view class="StarOwnerList">
+        <view class="flex-h">
+          <view class="flex-item">
+            <image mode="heightFix" src="https://cjgw.oss-cn-hangzhou.aliyuncs.com/ygcxxfb/image/mingxingyezhu.png"></image>
+          </view>
+          <navigator url="./StarOwner/index" hover-class="other-navigator-hover" class="More">更多 <text class="iconfont iconjiantouright"></text></navigator>
+        </view>
+        <view class="ListContainer">
+          <scroll-view scroll-x="true">
+            <view class="List">
+              <navigator v-for="(item, index) in 10" :key="index" url="./StarOwner/StarOwnerDetail/index" hover-class="other-navigator-hover" class="Item">
+                <view class="Img"></view>
+                <text class="Info">业主家庭名称</text>
+              </navigator>
+            </view>
+            <view style="width: 100%; height: 20px;"></view>
+          </scroll-view>
+        </view>
+      </view>
+
+      <!-- 正能量事迹 -->
+      <view class="StoryList">
+        <view class="flex-h">
+          <view class="flex-item">
+            <image mode="heightFix" src="https://cjgw.oss-cn-hangzhou.aliyuncs.com/ygcxxfb/image/zhengnengliangshiji.png"></image>
+          </view>
+          <navigator url="./EnergyStory/index" hover-class="other-navigator-hover" class="More">更多 <text class="iconfont iconjiantouright"></text></navigator>
+        </view>
+        <view class="List">
+          <navigator v-for="(item, index) in 20" :key="index" url="./EnergyStory/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'
+import BannerSwiper from '../../components/BannerSwiper/index'
+export default {
+  name: 'HuiAiXin',
+  data () {
+    return {
+      IsRefreshing: false,
+      DataLock: false
+    }
+  },
+  components: {
+    ScrollY,
+    BannerSwiper
+  },
+  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)
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+@import "page.scss";
+</style>

src/pages/HuiAiXin/page.scss

@@ -0,0 +1,159 @@
+.page.HuiAiXin {
+  width: 100%;
+  height: 100%;
+  .Banner {
+    width: 100%;
+    padding-bottom: 38%;
+    position: relative;
+    overflow: hidden;
+    > view {
+      width: 100%;
+      position: absolute;
+      left: 0;
+      top: 0;
+      bottom: 0;
+      overflow: hidden;
+      background: #ccc;
+    }
+  }
+  .StarOwnerList {
+    padding: 20px 0;
+    background: #fff;
+    margin-top: 20px;
+    > .flex-h {
+      padding: 0 20px;
+      align-items: center;
+      margin-top: 10px;
+      > .flex-item {
+        > image {
+          height: 48px;
+        }
+      }
+      > .More {
+        font-size: 26px;
+        color: #999;
+        > text {
+          font-size: 26px;
+        }
+      }
+    }
+    > .ListContainer {
+      width: 100%;
+      position: relative;
+      overflow: hidden;
+      margin-top: 40px;
+      margin-bottom: 10px;
+      > scroll-view {
+        .List {
+          font-size: 0;
+          white-space: nowrap;
+          overflow: visible;
+          > .Item {
+            width: 80%;
+            position: relative;
+            overflow: hidden;
+            display: inline-block;
+            vertical-align: middle;
+            margin-left: 25px;
+            border-radius: 20px;
+            box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.08);
+            &:last-child {
+              margin-right: 25px;
+            }
+            > .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;
+            }
+          }
+        }
+      }
+    }
+  }
+  .StoryList {
+    padding: 20px 0;
+    background: #fff;
+    margin-top: 20px;
+    > .flex-h {
+      padding: 0 20px;
+      align-items: center;
+      margin-top: 10px;
+      > .flex-item {
+        > image {
+          height: 48px;
+        }
+      }
+      > .More {
+        font-size: 26px;
+        color: #999;
+        > text {
+          font-size: 26px;
+        }
+      }
+    }
+    > .List {
+      position: relative;
+      overflow: hidden;
+      margin-bottom: 30px;
+      padding-left: 30px;
+      > .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/HuiQuanYi/NoticeBoard/NoticeDetail/index.config.js

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '公告详情'
+}

src/pages/HuiQuanYi/NoticeBoard/NoticeDetail/index.vue

@@ -0,0 +1,30 @@
+<template>
+  <view class="page">
+    公告栏
+  </view>
+</template>
+
+<script>
+
+export default {
+  name: 'NoticeBoard',
+  data () {
+    return {
+
+    }
+  },
+  components: {
+  },
+  created () {
+    this.Init()
+  },
+  methods: {
+    Init () {
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+@import "page.scss";
+</style>

src/pages/HuiQuanYi/NoticeBoard/NoticeDetail/page.scss

@@ -0,0 +1,3 @@
+.page {
+  width: 100%;
+}

src/pages/HuiQuanYi/NoticeBoard/index.config.js

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '业主公告栏'
+}

src/pages/HuiQuanYi/NoticeBoard/index.vue

@@ -0,0 +1,30 @@
+<template>
+  <view class="page">
+    公告详情
+  </view>
+</template>
+
+<script>
+
+export default {
+  name: 'NoticeDetail',
+  data () {
+    return {
+
+    }
+  },
+  components: {
+  },
+  created () {
+    this.Init()
+  },
+  methods: {
+    Init () {
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+@import "page.scss";
+</style>

src/pages/HuiQuanYi/NoticeBoard/page.scss

@@ -0,0 +1,3 @@
+.page {
+  width: 100%;
+}

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

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '咨询详情'
+}

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

@@ -0,0 +1,30 @@
+<template>
+  <view class="page">
+    资讯详情
+  </view>
+</template>
+
+<script>
+
+export default {
+  name: 'NewsDetail',
+  data () {
+    return {
+
+    }
+  },
+  components: {
+  },
+  created () {
+    this.Init()
+  },
+  methods: {
+    Init () {
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+@import "page.scss";
+</style>

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

@@ -0,0 +1,3 @@
+.page {
+  width: 100%;
+}

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

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '业主资讯'
+}

src/pages/HuiQuanYi/OwnersNews/index.vue

@@ -0,0 +1,30 @@
+<template>
+  <view class="page">
+    业主资讯
+  </view>
+</template>
+
+<script>
+
+export default {
+  name: 'OwnersNews',
+  data () {
+    return {
+
+    }
+  },
+  components: {
+  },
+  created () {
+    this.Init()
+  },
+  methods: {
+    Init () {
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+@import "page.scss";
+</style>

src/pages/HuiQuanYi/OwnersNews/page.scss

@@ -0,0 +1,3 @@
+.page {
+  width: 100%;
+}

src/pages/HuiQuanYi/index.config.js

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '荟 · 权益'
+}

src/pages/HuiQuanYi/index.vue

@@ -0,0 +1,71 @@
+<template>
+  <view class="page HuiQuanYi">
+    <ScrollY :IsRefreshing="IsRefreshing" @Refresh="Refresh">
+
+      <!-- banner -->
+      <view class="Banner">
+        <view>
+          <BannerSwiper></BannerSwiper>
+        </view>
+      </view>
+
+      <!-- 业主资讯 -->
+      <view class="NewsList">
+        <view class="flex-h">
+          <view class="flex-item">
+            <image mode="heightFix" src="https://cjgw.oss-cn-hangzhou.aliyuncs.com/ygcxxfb/image/yezhuzixun.png"></image>
+          </view>
+          <navigator url="./OwnersNews/index" hover-class="other-navigator-hover" class="More">更多 <text class="iconfont iconjiantouright"></text></navigator>
+        </view>
+        <view class="List">
+          <navigator v-for="(item, index) in 10" class="flex-h" :key="index" url="./OwnersNews/NewsDetail/index" hover-class="other-navigator-hover">
+            <view class="Num"><text>{{index + 1}}</text></view>
+            <view class="flex-item">
+              <text>资讯标题</text>
+              <text>1234</text>
+            </view>
+          </navigator>
+        </view>
+      </view>
+
+    </ScrollY>
+  </view>
+</template>
+
+<script>
+import ScrollY from '../../components/ScrollY/index'
+import BannerSwiper from '../../components/BannerSwiper/index'
+export default {
+  name: 'HuiQuanYi',
+  data () {
+    return {
+      IsRefreshing: false,
+      DataLock: false
+    }
+  },
+  components: {
+    ScrollY,
+    BannerSwiper
+  },
+  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)
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+@import "page.scss";
+</style>

src/pages/HuiQuanYi/page.scss

@@ -0,0 +1,134 @@
+.page.HuiQuanYi {
+  width: 100%;
+  height: 100%;
+  .Banner {
+    width: 100%;
+    padding-bottom: 38%;
+    position: relative;
+    overflow: hidden;
+    > view {
+      width: 100%;
+      position: absolute;
+      left: 0;
+      top: 0;
+      bottom: 0;
+      overflow: hidden;
+      background: #ccc;
+    }
+  }
+  .NewsList {
+    padding: 20px 0;
+    background: #fff;
+    margin-top: 20px;
+    > .flex-h {
+      padding: 0 20px;
+      align-items: center;
+      margin-top: 10px;
+      > .flex-item {
+        > image {
+          height: 48px;
+        }
+      }
+      > .More {
+        font-size: 26px;
+        color: #999;
+        > text {
+          font-size: 26px;
+        }
+      }
+    }
+    > .List {
+      position: relative;
+      overflow: hidden;
+      margin-top: 40px;
+      margin-bottom: 30px;
+      > .flex-h {
+        align-items: center;
+        &:nth-child(1) {
+          > .Num {
+            > text {
+              width: 40px;
+              text-align: center;
+              line-height: 40px;
+              display: inline-block;
+              border-radius: 100%;
+              background: #fe4e45;
+              color: #fff;
+              box-shadow: 0 10px 20px 5px rgba(254, 78, 69, 0.1);
+            }
+          }
+        }
+        &:nth-child(2) {
+          > .Num {
+            > text {
+              display: inline-block;
+              width: 40px;
+              text-align: center;
+              line-height: 40px;
+              display: inline-block;
+              border-radius: 100%;
+              background: #fe7e48;
+              color: #fff;
+              box-shadow: 0 10px 20px 5px rgba(254, 126, 72, 0.1);
+            }
+          }
+        }
+        &:nth-child(3) {
+          > .Num {
+            > text {
+              width: 40px;
+              text-align: center;
+              line-height: 40px;
+              display: inline-block;
+              border-radius: 100%;
+              background: #ffa93a;
+              color: #fff;
+              box-shadow: 0 10px 20px 5px rgba(255, 169, 58, 0.1);
+            }
+          }
+        }
+        > .Num {
+          width: 56px;
+          margin-left: 10px;
+          text-align: center;
+          font-size: 0;
+          height: 40px;
+          overflow: visible;
+          > text {
+            font-size: 24px;
+            color: #999;
+          }
+        }
+        > .flex-item {
+          padding: 20px 0;
+          margin-left: 10px;
+          border-bottom: 2px solid #f5f5f5;
+          font-size: 0;
+          white-space: nowrap;
+          margin-top: 10px;
+          > text {
+            display: inline-block;
+            vertical-align: middle;
+            max-width: 100%;
+            font-size: 28px;
+            line-height: 1.5;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            &:nth-child(1) {
+              max-width: 88%;
+              white-space: nowrap;
+              overflow: hidden;
+              text-overflow: ellipsis;
+            }
+            &:nth-child(2) {
+              color: #999;
+              width: 10%;
+              margin-left: 2%;
+            }
+          }
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '活动报名'
+}

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

@@ -0,0 +1,31 @@
+<template>
+  <view class="page">
+    活动报名
+  </view>
+</template>
+
+<script>
+
+export default {
+  name: 'JoinIn',
+  data () {
+    return {
+
+    }
+  },
+  components: {
+  },
+  created () {
+    this.Init()
+  },
+  methods: {
+    Init () {
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+@import "page.scss";
+</style>
+ 

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

@@ -0,0 +1,3 @@
+.page {
+  width: 100%;
+}

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

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '活动投票'
+}

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

@@ -0,0 +1,31 @@
+<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

@@ -0,0 +1,3 @@
+.page {
+  width: 100%;
+}

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

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '活动详情'
+}

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

@@ -0,0 +1,31 @@
+<template>
+  <view class="page">
+    活动详情
+  </view>
+</template>
+
+<script>
+
+export default {
+  name: 'ActivityDetail',
+  data () {
+    return {
+
+    }
+  },
+  components: {
+  },
+  created () {
+    this.Init()
+  },
+  methods: {
+    Init () {
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+@import "page.scss";
+</style>
+ 

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

@@ -0,0 +1,3 @@
+.page {
+  width: 100%;
+}

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

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '精彩活动'
+}

src/pages/HuiShengHuo/ActivityList/index.vue

@@ -0,0 +1,84 @@
+<template>
+  <view class="page JingCaiHuoDong flex-v">
+
+    <!-- Nav -->
+    <view class="NavContainer">
+      <scroll-view scroll-x="true">
+        <view class="NavX">
+          <image mode="heightFix" src="https://cjgw.oss-cn-hangzhou.aliyuncs.com/ygcxxfb/image/jingcaihuodong.png"></image>
+          <view v-for="(item, index) in NavList" :key="index">{{item.name}}</view>
+        </view>
+      </scroll-view>
+    </view>
+
+    <!-- 列表 -->
+    <view class="flex-item">
+      <ScrollY :IsRefreshing="IsRefreshing" @Refresh="Refresh">
+
+        <view class="ActivityList">
+          <view class="List">
+            <view class="Item" v-for="(item, index) in 20" :key="index">
+              <view class="Img"></view>
+              <view class="Info">
+                <text>活动名称</text>
+                <view class="flex-h">
+                  <text class="flex-item">参与截止时间：2020-08-20 16:00</text>
+                  <navigator url="./ActivityList/ActivityDetail/index" hover-class="other-navigator-hover" class="Btn">立即报名</navigator>
+                  <navigator url="./ActivityList/ActivityDetail/index" hover-class="other-navigator-hover" class="Btn">立即投票</navigator>
+                  <view>已结束</view>
+                </view>
+              </view>
+            </view>
+          <view style="width: 100%; height: 20px;"></view>
+          </view>
+        </view>
+
+      </ScrollY>
+    </view>
+  </view>
+</template>
+
+<script>
+import ScrollY from '../../../components/ScrollY/index'
+export default {
+  name: 'JingCaiHuoDong',
+  data () {
+    return {
+      IsRefreshing: false,
+      DataLock: false,
+      NavList: [
+        { name: '导航1', id: '1' },
+        { name: '导航2', id: '2' },
+        { name: '导航3', id: '3' },
+        { name: '导航4', id: '4' },
+        { name: '导航5', id: '5' },
+        { name: '导航6', id: '6' },
+        { name: '导航7', id: '7' }
+      ]
+    }
+  },
+  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)
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+@import "page.scss";
+</style>

src/pages/HuiShengHuo/ActivityList/page.scss

@@ -0,0 +1,109 @@
+.page.JingCaiHuoDong {
+  width: 100%;
+  height: 100%;
+  background: #fff;
+  > .NavContainer {
+    width: 100%;
+    position: relative;
+    overflow: hidden;
+    margin-top: 40px;
+    padding-bottom: 20px;
+    > scroll-view {
+      position: relative;
+      .NavX {
+        font-size: 0;
+        white-space: nowrap;
+        > image {
+          display: inline-block;
+          vertical-align: text-bottom;
+          height: 44px;
+          margin-left: 20px;
+        }
+        > view {
+          display: inline-block;
+          vertical-align: text-bottom;
+          font-size: 28px;
+          line-height: 30px;
+          margin-left: 30px;
+          &.active {
+            color: #fe4e45;
+          }
+          &:last-child {
+            margin-right: 30px;
+          }
+        }
+      }
+    }
+  }
+  > .flex-item {
+    .ActivityList {
+      background: #fff;
+      > .List {
+        position: relative;
+        overflow: hidden;
+        margin-top: 40px;
+        margin-bottom: 30px;
+        padding: 0 20px;
+        > .Item {
+          position: relative;
+          overflow: hidden;
+          background: #fff;
+          border-radius: 20px;
+          box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.08);
+          margin-top: 20px;
+          &:first-child {
+            margin-top: 0;
+          }
+          > .Img {
+            width: 100%;
+            padding-bottom: 55%;
+            background: #ccc;
+            position: relative;
+            overflow: hidden;
+          }
+          > .Info {
+            padding: 20px 34px;
+            > text {
+              display: block;
+              font-size: 32px;
+              line-height: 1.5;
+            }
+            > .flex-h {
+              align-items: center;
+              margin-top: 20px;
+              margin-bottom: 20px;
+              overflow: visible;
+              > text {
+                margin-right: 10px;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                font-size: 24px;
+                color: #999;
+                line-height: 1.5;
+              }
+              > .Btn {
+                font-size: 26px;
+                color: #fff;
+                background: #fe4e45;
+                line-height: 54px;
+                border-radius: 54px;
+                padding: 0 20px;
+                box-shadow: 0 10px 20px 5px rgba(254, 78, 69, 0.3);
+              }
+              > view {
+                font-size: 26px;
+                color: #000;
+                background: #e5e3e3;
+                line-height: 54px;
+                border-radius: 54px;
+                padding: 0 20px;
+                box-shadow: 0 10px 20px 5px rgba(0, 0, 0, 0.1);
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}

src/pages/HuiShengHuo/PhotoList/PhotoDetail/index.config.js

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '照片'
+}

src/pages/HuiShengHuo/PhotoList/PhotoDetail/index.vue

@@ -0,0 +1,44 @@
+<template>
+  <view class="page ZhaoPianXiangQing">
+    
+    <!-- 标题 -->
+    <view class="MainTitle">
+      <text>照片</text>
+      <text class="iconfont iconguanbi"></text>
+    </view>
+
+    <!-- 列表 -->
+    <view class="List">
+      <view v-for="(item, index) in 10">
+        <view class="Img"></view>
+        <text>相册描述</text>
+      </view>
+    </view>
+
+  </view>
+</template>
+
+<script>
+
+export default {
+  name: 'ZhaoPianXiangQing',
+  data () {
+    return {
+
+    }
+  },
+  components: {
+  },
+  created () {
+    this.Init()
+  },
+  methods: {
+    Init () {
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+@import "page.scss";
+</style>

src/pages/HuiShengHuo/PhotoList/PhotoDetail/page.scss

@@ -0,0 +1,66 @@
+.page.ZhaoPianXiangQing {
+  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%);
+      }
+    }
+  }
+  > .List {
+    padding: 0 20px;
+    > view {
+      margin-top: 40px;
+      padding-bottom: 30px;
+      position: relative;
+      overflow: hidden;
+      &::after {
+        content: "";
+        display: block;
+        position: absolute;
+        width: 90%;
+        height: 2px;
+        background: #d5d4d3;
+        left: 5%;
+        bottom: 0;
+      }
+      > .Img {
+        width: 100%;
+        padding-bottom: 74%;
+        background: #ccc;
+        border-radius: 10px;
+        position: relative;
+        overflow: hidden;
+      }
+      > text {
+        display: block;
+        font-size: 24px;
+        line-height: 40px;
+        text-align: center;
+        margin-top: 40px;
+      }
+    }
+  }
+}

src/pages/HuiShengHuo/PhotoList/index.config.js

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '活动照片墙'
+}

src/pages/HuiShengHuo/PhotoList/index.vue

@@ -0,0 +1,68 @@
+<template>
+  <view class="page HuoDongZhaoPianQiang">
+    <ScrollY :IsRefreshing="IsRefreshing" @Refresh="Refresh">
+
+      <!-- 活动照片墙 -->
+      <view class="PhotoList">
+        <view class="flex-h">
+          <view class="flex-item">
+            <image mode="heightFix" src="https://cjgw.oss-cn-hangzhou.aliyuncs.com/ygcxxfb/image/huodongzhaopianqiang.png"></image>
+          </view>
+        </view>
+        <view class="List">
+          <view v-for="(item, index) in List" :key="index">
+            <text>{{item.Month}}</text>
+            <view>
+              <view v-for="(subItem, subIndex) in item.List" :key="subIndex">
+                <navigator url="./PhotoDetail/index" hover-class="other-navigator-hover" class="Img"></navigator>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+
+    </ScrollY>
+  </view>
+</template>
+
+<script>
+import ScrollY from '../../../components/ScrollY/index'
+export default {
+  name: 'HuoDongZhaoPianQiang',
+  data () {
+    return {
+      IsRefreshing: false,
+      DataLock: false,
+      List: [
+        { Month: '8月份', List: ['', '', '', '', '', '', '', '', '', ''] },
+        { Month: '7月份', List: ['', '', '', '', '', '', '', '', '', ''] },
+        { Month: '6月份', List: ['', '', '', '', '', '', '', '', '', ''] },
+        { Month: '5月份', List: ['', '', '', '', '', '', '', '', '', ''] }
+      ]
+    }
+  },
+  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)
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+@import "page.scss";
+</style>

src/pages/HuiShengHuo/PhotoList/page.scss

@@ -0,0 +1,68 @@
+.page.HuoDongZhaoPianQiang {
+  width: 100%;
+  height: 100%;
+  background: #fff;
+  .PhotoList {
+    > .flex-h {
+      padding: 0 20px;
+      align-items: center;
+      margin-top: 10px;
+      > .flex-item {
+        > image {
+          height: 52px;
+        }
+      }
+      > .More {
+        font-size: 26px;
+        color: #999;
+        > text {
+          font-size: 26px;
+        }
+      }
+    }
+    > .List {
+      > view {
+        > text {
+          display: block;
+          position: relative;
+          overflow: hidden;
+          padding: 0 3.5vw;
+          font-size: 28px;
+          line-height: 40px;
+          text-indent: 20px;
+          margin-top: 20px;
+          &::after {
+            content: "";
+            display: block;
+            width: 8px;
+            height: 30px;
+            background: #fddd39;
+            position: absolute;
+            left: 3.5vw;
+            top: 5px;
+          }
+        }
+        > view {
+          font-size: 0;
+          margin-top: 20px;
+          > view {
+            display: inline-block;
+            vertical-align: middle;
+            width: 44.75vw;
+            margin-left: 3.5vw;
+            margin-bottom: 3.5vw;
+            > .Img {
+              width: 100%;
+              display: block;
+              padding-bottom: 84%;
+              background: #ccc;
+              position: relative;
+              overflow: hidden;
+              border-radius: 10px;
+            }
+          }
+        }
+      }
+    }
+  }
+}

src/pages/HuiShengHuo/index.config.js

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '荟 · 生活'
+}