From 64b432916af9c9218ab3f3eca614e26c542142ae Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期二, 07 十一月 2023 15:47:13 +0800
Subject: [PATCH] bug
---
minipro_standard/pages/workbench/workbench.vue | 183 ++++++++++++++++++++++++++++++++-------------
1 files changed, 131 insertions(+), 52 deletions(-)
diff --git a/minipro_standard/pages/workbench/workbench.vue b/minipro_standard/pages/workbench/workbench.vue
index 8d77569..def5144 100644
--- a/minipro_standard/pages/workbench/workbench.vue
+++ b/minipro_standard/pages/workbench/workbench.vue
@@ -1,55 +1,134 @@
-<template>
- <view>
-
- <myTabbar :index="1" />
- </view>
-</template>
-
-<script>
+<template>
+ <view class="index">
+ <view class="menu">
+ <view class="menu_list" v-for="(row, i) in Menu" :key="i">
+ <view class="menu_list_head">
+ <span>{{row.label}}</span>
+ </view>
+ <div class="menu_list_list">
+ <view class="menu_list_item" v-for="item in row.children" :key="item.id" @click="jump(item.urlSec)">
+ <image :src="item.icon" mode="widthFix" />
+ <span>{{item.label}}</span>
+ </view>
+ <view class="menu_list_zw"></view>
+ <view class="menu_list_zw"></view>
+ <view class="menu_list_zw"></view>
+ </div>
+ </view>
+ </view>
+ <myTabbar :index="1" />
+ </view>
+</template>
+
+<script>
import myTabbar from "@/components/myTabber.vue"
-
- export default {
- components: {
- myTabbar
- },
- data() {
- return {
-
- };
- },
+ import { mapState } from 'vuex'
+
+ export default {
+ components: {
+ myTabbar
+ },
+ computed: {
+ ...mapState(['Menu'])
+ },
+ data() {
+ return {
+
+ };
+ },
onLoad() {
- uni.hideTabBar()
- // uni.login({
- // success: data => {
- // this.wxLogin(data.code)
- // },
- // fail: err => {
- // uni.$u.toast(err)
- // }
- // })
- },
- methods: {
-
- // wxLogin(code) {
- // wxEmpower({code})
- // .then(res => {
- // this.openId = res.openid
- // if (res.userInfo) {
- // this.$store.commit('SETTOKEN', res.userInfo.token)
- // this.$store.commit('SETUSERINFO', res.userInfo)
- // uni.navigateTo({
- // url:'/pages/projectList/projectList'
- // })
- // }
- // })
- // .catch(err => {
- // uni.$u.toast(err)
- // })
- // }
- }
- }
-</script>
-
-<style lang="scss">
-
+ this.$store.dispatch('getUpcomingNum')
+ uni.hideTabBar()
+ },
+ methods: {
+ jump(url) {
+ uni.navigateTo({ url });
+ }
+ }
+ }
+</script>
+<style>
+ page {
+ background-color: #F7F7F7 !important;
+ }
+</style>
+<style scoped lang="scss">
+.index {
+ width: 100%;
+ .menu {
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ .menu_list {
+ display: flex;
+ flex-direction: column;
+ padding: 30rpx;
+ box-sizing: border-box;
+ margin-bottom: 20rpx;
+ background: white;
+ &:last-child {
+ margin-bottom: 0;
+ }
+ .menu_list_head {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ margin-bottom: 40rpx;
+ span {
+ font-size: 32rpx;
+ font-family: PingFangSC-Medium, PingFang SC;
+ font-weight: 500;
+ color: #222222;
+ }
+ }
+ .menu_list_list {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ .menu_list_zw {
+ width: 20%;
+ height: 0;
+ }
+ .menu_list_item {
+ width: 20%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ margin-top: 40rpx;
+ &:nth-child(1) {
+ margin: 0;
+ }
+ &:nth-child(2) {
+ margin: 0;
+ }
+ &:nth-child(3) {
+ margin: 0;
+ }
+ &:nth-child(4) {
+ margin: 0;
+ }
+ &:nth-child(5) {
+ margin: 0;
+ }
+ image {
+ width: 88rpx;
+ height: 88rpx;
+ border-radius: 24rpx;
+ overflow: hidden;
+ }
+ span {
+ font-size: 24rpx;
+ font-weight: 400;
+ color: #333333;
+ margin-top: 16rpx;
+ }
+ }
+ }
+ }
+ }
+}
</style>
--
Gitblit v1.9.3