紫荆币活动banner添加

src/router/index.js

@@ -52,6 +52,13 @@ const routes = [
     component: () => import('@/views/my/Index.vue'),
     meta: { requiredLogin: true }
   },
+  // 我的个人资料
+  {
+    path: '/my/info',
+    name: 'myInfo',
+    component: () => import('@/views/my/info.vue'),
+    meta: { requiredLogin: true }
+  },
   // 我的消息
   {
     path: '/message',
@@ -136,6 +143,13 @@ const routes = [
     component: () => import('@/views/activity/Member.vue'),
     meta: { requiredLogin: true }
   },
+  // 紫荆币活动
+  {
+    path: '/coins',
+    name: 'coins',
+    component: () => import('@/views/activity/Coins.vue'),
+    meta: { requiredLogin: true }
+  },
   // 组织列表
   {
     path: '/group',

src/views/activity/Coins.vue

+<template>
+  <div>
+    <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/banner_0530_content.jpg" alt="">
+  </div>
+</template>
+<script>
+export default {
+}
+</script>
+<style lang="scss" scoped>
+img{
+  display: block;
+  width: 100%;
+}
+</style>

src/views/home/Index.vue

@@ -5,6 +5,9 @@
     <!-- banner -->
     <div class="banner">
       <van-swipe :autoplay="3000" indicator-color="white">
+        <van-swipe-item>
+          <router-link to="/coins"><img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/banner_new_0530.jpg" /></router-link>
+        </van-swipe-item>
         <van-swipe-item>
           <router-link to="/vote/index"><img src="img/banner_vote_2_2.jpg" /></router-link>
         </van-swipe-item>

src/views/my/Index.vue

@@ -19,6 +19,7 @@
           <div class="user-content__name">{{ user.personal_name }}</div>
           <div class="user-content__info">{{ user.class_name }}</div>
         </div>
+        <!-- <van-icon name="arrow" class="arrow-right"/> -->
         <!-- <div class="user-aside">
         <dl @click="$router.push({ name: 'myGroup' })">
           <dt>{{ detail.org_stu_total }}</dt>
@@ -228,4 +229,8 @@ export default {
   background: rgba(255, 103, 103, 1);
   border-radius: 50%;
 }
+.arrow-right{
+  font-size: .24rem;
+  color: #fff;
+}
 </style>

src/views/my/components/Form.vue

+<template>
+  <div>
+    <van-form @submit="onSubmit">
+      <template v-for="(item, index) in fields">
+        <template v-if="item.type === 'select'">
+          <select :key="index" v-model="form[item.name]" class="van-field__control">
+            <option value="" disabled selected v-if="item.placeholder">{{ item.placeholder }}</option>
+            <option v-for="option in item.values" :value="option[item.valueKey] || option.name" :key="option.name">
+              {{ option.text }}
+            </option>
+          </select>
+        </template>
+        <template v-else-if="item.type === 'textarea'">
+          <van-field
+            :key="index"
+            v-model="form[item.name]"
+            rows="2"
+            :label="item.label"
+            type="textarea"
+            :placeholder="item.placeholder"
+          />          
+        </template>
+        <template v-else-if="item.type === 'uploader'">
+          <van-field
+            :key="index"
+            :border="false"
+            :required="false"
+            v-model="form[item.name]"
+          >
+            <template #label>
+              {{ item.label }}
+              <div class="form-item__tips" v-if="item.tips">{{ item.tips }}</div>
+              <!-- <span class="red" v-if="item.required">*</span> -->
+            </template>
+            <template #input>
+              <upload v-model="form[item.name]" v-bind="item" :max-count="1" />
+            </template>
+          </van-field>
+        </template>
+        <template v-else>
+          <van-field
+            :key="index"
+            v-model="form[item.name]"
+            :label="item.label"
+            :placeholder="item.placeholder"
+            :rules="[{ required: true, message: '请填写用户名' }]"
+          />
+        </template>
+      </template>
+      <!-- <div style="margin: 16px;">
+        <van-button round block type="info" native-type="submit">提交</van-button>
+      </div> -->
+    </van-form>
+  </div>
+</template>
+<script>
+import Upload from '@/components/Upload'
+export default {
+  components: { Upload },
+  props: {
+    fields: { type: Array }
+  },
+  data() {
+    return {
+      form: {
+        username: '',
+        password: ''
+      },
+      columns: ['11', '22']
+    }
+  },
+  methods: {
+    onSubmit() {
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+</style>

src/views/my/info.vue

+<template>
+  <div class="info-box">
+    <info-form :fields="fields"></info-form>
+  </div>
+</template>
+<script>
+import infoForm from './components/Form'
+export default {
+  components: { infoForm },
+  data() {
+    return {
+      formModel: {},
+      fields: [
+        {
+          name: 'personal_name',
+          label: '用户名',
+          placeholder: '请输入用户名'
+        },
+        {
+          name: 'city',
+          label: '常驻城市',
+          placeholder: '请输入常驻城市'
+        },
+        {
+          name: 'hobby',
+          label: '兴趣爱好',
+          placeholder: '请输入兴趣爱好'
+        },
+        {
+          name: 'constellation',
+          label: '星座',
+          placeholder: '请输入星座'
+        },
+        {
+          name: 'mobile',
+          label: '联系方式',
+          placeholder: '请输入联系方式'
+        },
+        {
+          name: 'company',
+          label: '公司',
+          placeholder: '请输入公司'
+        },
+        {
+          name: 'position',
+          label: '职务',
+          placeholder: '请输入职务'
+        },
+        {
+          name: 'birthday',
+          label: '生日(月 日)',
+          placeholder: '请输入生日(月 日)'
+        },
+        {
+          type: 'select',
+          name: 'industry',
+          label: '所在行业',
+          placeholder: '请选择所在行业',
+          values: [
+            { name: '1', text: '地方校友会' },
+            { name: '2', text: '行业研究会' },
+            { name: '3', text: '俱乐部' }
+          ]
+        },
+        {
+          name: 'customer',
+          label: '客户是谁',
+          placeholder: '请输入客户是谁'
+        },
+        {
+          name: 'product',
+          label: '公司产品',
+          placeholder: '请输入公司产品'
+        },
+        {
+          type: 'textarea',
+          name: 'dedication',
+          label: '可以为大家奉献什么？',
+          placeholder: '请输入'
+        },
+        {
+          type: 'uploader',
+          name: 'avatar',
+          label: '个人头像',
+          placeholder: '请输入客户是谁'
+        }
+      ]
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.info-box{
+  background: #fff;
+}
+</style>