Hooke / swx_weapp

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
17d6427a 1 parent 5cd25246

新增主办方管理页面

Inline Side-by-side
Showing 5 changed files with 122 additions and 5 deletions
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 * @Author: hookehuyr hookehuyr@gmail.com 2 * @Author: hookehuyr hookehuyr@gmail.com
3 * @Date: 2022-05-27 15:57:59 3 * @Date: 2022-05-27 15:57:59
4 * @LastEditors: hookehuyr hookehuyr@gmail.com 4 * @LastEditors: hookehuyr hookehuyr@gmail.com
5 - * @LastEditTime: 2022-10-08 14:04:37 5 + * @LastEditTime: 2022-10-08 15:41:01
6 * @FilePath: /swx/src/app.config.js 6 * @FilePath: /swx/src/app.config.js
7 * @Description: 7 * @Description:
8 */ 8 */
...@@ -36,6 +36,7 @@ export default { ...@@ -36,6 +36,7 @@ export default {
36 'pages/myActivityList/index', 36 'pages/myActivityList/index',
37 'pages/myCreateActivity/index', 37 'pages/myCreateActivity/index',
38 'pages/myFollowUser/index', 38 'pages/myFollowUser/index',
39 + 'pages/projectManage/index',
39 ], 40 ],
40 subpackages: [ // 配置在tabBar中的页面不能分包写到subpackages中去 41 subpackages: [ // 配置在tabBar中的页面不能分包写到subpackages中去
41 { 42 {
......
1 <!-- 1 <!--
2 * @Date: 2022-09-21 14:51:44 2 * @Date: 2022-09-21 14:51:44
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2022-10-08 11:58:10 4 + * @LastEditTime: 2022-10-08 16:04:59
5 * @FilePath: /swx/src/pages/my/index.vue 5 * @FilePath: /swx/src/pages/my/index.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
10 <view style="width: 100%; background-image: url(http://gyzs.onwall.cn/userinfo_bg-top%402x.png); background-size: contain; background-repeat: no-repeat;"> 10 <view style="width: 100%; background-image: url(http://gyzs.onwall.cn/userinfo_bg-top%402x.png); background-size: contain; background-repeat: no-repeat;">
11 <view style="height: 4rem; padding: 1rem;"> 11 <view style="height: 4rem; padding: 1rem;">
12 <van-row> 12 <van-row>
13 - <van-col span="17"> 13 + <van-col span="18">
14 <view style="position: relative;"> 14 <view style="position: relative;">
15 <AtAvatar circle size="large" image='https://jdc.jd.com/img/200' style="display: inline-block;"></AtAvatar> 15 <AtAvatar circle size="large" image='https://jdc.jd.com/img/200' style="display: inline-block;"></AtAvatar>
16 <view style="display: inline-block; position: absolute; top: 30%; left: 30%;"> 16 <view style="display: inline-block; position: absolute; top: 30%; left: 30%;">
...@@ -19,8 +19,8 @@ ...@@ -19,8 +19,8 @@
19 </view> 19 </view>
20 </view> 20 </view>
21 </van-col> 21 </van-col>
22 - <van-col span="7"> 22 + <van-col span="6">
23 - <view @tap="editInfo()" style="background-color: #DABE73; color: white; padding: 0.5rem 0; border-radius: 1rem; text-align: center; font-size: 0.9rem;margin-top: 1rem;">我的主办方</view> 23 + <view @tap="myProject()" style="background-color: #DABE73; color: white; padding: 0.5rem 0; border-radius: 1rem; text-align: center; font-size: 0.9rem;margin-top: 1rem;">我的主办方</view>
24 </van-col> 24 </van-col>
25 </van-row> 25 </van-row>
26 </view> 26 </view>
...@@ -117,6 +117,12 @@ const followUser = () => { ...@@ -117,6 +117,12 @@ const followUser = () => {
117 url: '../myFollowUser/index' 117 url: '../myFollowUser/index'
118 }) 118 })
119 } 119 }
120 +// 我的主办方
121 +const myProject = () => {
122 + Taro.navigateTo({
123 + url: '../projectManage/index'
124 + })
125 +}
120 </script> 126 </script>
121 127
122 <script> 128 <script>
......
1 +/*
2 + * @Date: 2022-10-08 15:39:41
3 + * @LastEditors: hookehuyr hookehuyr@gmail.com
4 + * @LastEditTime: 2022-10-08 15:40:48
5 + * @FilePath: /swx/src/pages/projectManage/index.config.js
6 + * @Description: 文件描述
7 + */
8 +export default {
9 + navigationBarTitleText: '主办方管理',
10 + usingComponents: {
11 + },
12 +}
1 +.project-manage-page {
2 + .activity-title {
3 + background-color: #FFFFFF;
4 + .box {
5 + padding: 1rem;
6 + text-align: left;
7 + }
8 + }
9 + .bg-gradient {
10 + background: linear-gradient(#B3DDC9, #B3DDC9) no-repeat;
11 + /*调整下划线的宽度占百分之百 高度是3px */
12 + background-size: 100% 0.9vw;
13 + /* 调整下划线的起始位置 左侧是0 上边是1.15em */
14 + background-position: 0 1rem;
15 + }
16 +}
1 +<!--
2 + * @Date: 2022-09-19 14:11:06
3 + * @LastEditors: hookehuyr hookehuyr@gmail.com
4 + * @LastEditTime: 2022-10-08 16:54:15
5 + * @FilePath: /swx/src/pages/projectManage/index.vue
6 + * @Description: 文件描述
7 +-->
8 +<template>
9 + <view class="project-manage-page">
10 + <view class="activity-title">
11 + <view class="box" style="border-bottom: 1px solid #F2F2F2;">
12 + <text class="bg-gradient" style="font-size: 1rem;">我创建的主办方</text>
13 + </view>
14 + </view>
15 + <view style="background-color: #FFFFFF;">
16 + <view v-for="(item, index) in createProject" :key="index" style="background-color: #FFFFFF; padding: 1rem 0; margin: 0 1rem; border-bottom: 1px solid #F2F2F2;">
17 + <van-row>
18 + <van-col span="20">
19 + <view>
20 + <van-icon :name="icon_p" size="2.25rem" color="" style="vertical-align: middle;" />
21 + <text style="font-size: 1.15rem; color: #222;">&nbsp;{{ item.name }}</text>
22 + </view>
23 + </van-col>
24 + <van-col span="4">
25 + <view style="color: #199A74; border: 1px solid #199A74; border-radius: 2rem; text-align: center; margin-top: 0.5rem;">管理</view>
26 + </van-col>
27 + </van-row>
28 + </view>
29 + </view>
30 + <view style="height: 1rem;"></view>
31 + <view class="activity-title">
32 + <view class="box" style="border-bottom: 1px solid #F2F2F2;">
33 + <text class="bg-gradient" style="font-size: 1rem;">我加入的主办方</text>
34 + </view>
35 + </view>
36 + <view style="background-color: #FFFFFF;">
37 + <view v-for="(item, index) in joinProject" :key="index" style="background-color: #FFFFFF; padding: 1rem 0; margin: 0 1rem; border-bottom: 1px solid #F2F2F2;">
38 + <van-row>
39 + <van-col span="24">
40 + <view>
41 + <van-icon :name="icon_p" size="2.25rem" color="" style="vertical-align: middle;" />
42 + <text style="font-size: 1.15rem; color: #999999;">&nbsp;{{ item.name }}</text>
43 + </view>
44 + </van-col>
45 + </van-row>
46 + </view>
47 + </view>
48 + </view>
49 + <bottom-button @on-submit="onSubmit">新建主办方</bottom-button>
50 +</template>
51 +
52 +<script setup>
53 +import Taro from '@tarojs/taro'
54 +import { ref } from "vue";
55 +import icon_p from '@/images/icon/zhubanfang@2x.png'
56 +import bottomButton from "@/components/bottom-button";
57 +
58 +const createProject = ref([{
59 + name: '周三读书会'
60 +}, {
61 + name: '星空治愈音乐会'
62 +}, {
63 + name: '周四读书会'
64 +}]);
65 +
66 +const joinProject = ref([{
67 + name: '企业家联盟'
68 +}, {
69 + name: '星光读书会'
70 +}]);
71 +
72 +const onSubmit = () => {
73 +
74 +}
75 +</script>
76 +
77 +<script>
78 +import "./index.less";
79 +export default {
80 + name: "demoPage",
81 +};
82 +</script>