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 @@
* @Author: hookehuyr hookehuyr@gmail.com
* @Date: 2022-05-27 15:57:59
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2022-10-08 14:04:37
* @LastEditTime: 2022-10-08 15:41:01
* @FilePath: /swx/src/app.config.js
* @Description:
*/
......@@ -36,6 +36,7 @@ export default {
'pages/myActivityList/index',
'pages/myCreateActivity/index',
'pages/myFollowUser/index',
'pages/projectManage/index',
],
subpackages: [ // 配置在tabBar中的页面不能分包写到subpackages中去
{
......
<!--
* @Date: 2022-09-21 14:51:44
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2022-10-08 11:58:10
* @LastEditTime: 2022-10-08 16:04:59
* @FilePath: /swx/src/pages/my/index.vue
* @Description: 文件描述
-->
......@@ -10,7 +10,7 @@
<view style="width: 100%; background-image: url(http://gyzs.onwall.cn/userinfo_bg-top%402x.png); background-size: contain; background-repeat: no-repeat;">
<view style="height: 4rem; padding: 1rem;">
<van-row>
<van-col span="17">
<van-col span="18">
<view style="position: relative;">
<AtAvatar circle size="large" image='https://jdc.jd.com/img/200' style="display: inline-block;"></AtAvatar>
<view style="display: inline-block; position: absolute; top: 30%; left: 30%;">
......@@ -19,8 +19,8 @@
</view>
</view>
</van-col>
<van-col span="7">
<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>
<van-col span="6">
<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>
</van-col>
</van-row>
</view>
......@@ -117,6 +117,12 @@ const followUser = () => {
url: '../myFollowUser/index'
})
}
// 我的主办方
const myProject = () => {
Taro.navigateTo({
url: '../projectManage/index'
})
}
</script>
<script>
......
/*
* @Date: 2022-10-08 15:39:41
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2022-10-08 15:40:48
* @FilePath: /swx/src/pages/projectManage/index.config.js
* @Description: 文件描述
*/
export default {
navigationBarTitleText: '主办方管理',
usingComponents: {
},
}
.project-manage-page {
.activity-title {
background-color: #FFFFFF;
.box {
padding: 1rem;
text-align: left;
}
}
.bg-gradient {
background: linear-gradient(#B3DDC9, #B3DDC9) no-repeat;
/*调整下划线的宽度占百分之百 高度是3px */
background-size: 100% 0.9vw;
/* 调整下划线的起始位置 左侧是0 上边是1.15em */
background-position: 0 1rem;
}
}
<!--
* @Date: 2022-09-19 14:11:06
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2022-10-08 16:54:15
* @FilePath: /swx/src/pages/projectManage/index.vue
* @Description: 文件描述
-->
<template>
<view class="project-manage-page">
<view class="activity-title">
<view class="box" style="border-bottom: 1px solid #F2F2F2;">
<text class="bg-gradient" style="font-size: 1rem;">我创建的主办方</text>
</view>
</view>
<view style="background-color: #FFFFFF;">
<view v-for="(item, index) in createProject" :key="index" style="background-color: #FFFFFF; padding: 1rem 0; margin: 0 1rem; border-bottom: 1px solid #F2F2F2;">
<van-row>
<van-col span="20">
<view>
<van-icon :name="icon_p" size="2.25rem" color="" style="vertical-align: middle;" />
<text style="font-size: 1.15rem; color: #222;">&nbsp;{{ item.name }}</text>
</view>
</van-col>
<van-col span="4">
<view style="color: #199A74; border: 1px solid #199A74; border-radius: 2rem; text-align: center; margin-top: 0.5rem;">管理</view>
</van-col>
</van-row>
</view>
</view>
<view style="height: 1rem;"></view>
<view class="activity-title">
<view class="box" style="border-bottom: 1px solid #F2F2F2;">
<text class="bg-gradient" style="font-size: 1rem;">我加入的主办方</text>
</view>
</view>
<view style="background-color: #FFFFFF;">
<view v-for="(item, index) in joinProject" :key="index" style="background-color: #FFFFFF; padding: 1rem 0; margin: 0 1rem; border-bottom: 1px solid #F2F2F2;">
<van-row>
<van-col span="24">
<view>
<van-icon :name="icon_p" size="2.25rem" color="" style="vertical-align: middle;" />
<text style="font-size: 1.15rem; color: #999999;">&nbsp;{{ item.name }}</text>
</view>
</van-col>
</van-row>
</view>
</view>
</view>
<bottom-button @on-submit="onSubmit">新建主办方</bottom-button>
</template>
<script setup>
import Taro from '@tarojs/taro'
import { ref } from "vue";
import icon_p from '@/images/icon/zhubanfang@2x.png'
import bottomButton from "@/components/bottom-button";
const createProject = ref([{
name: '周三读书会'
}, {
name: '星空治愈音乐会'
}, {
name: '周四读书会'
}]);
const joinProject = ref([{
name: '企业家联盟'
}, {
name: '星光读书会'
}]);
const onSubmit = () => {
}
</script>
<script>
import "./index.less";
export default {
name: "demoPage",
};
</script>