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 | 134 ++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 134 insertions(+), 0 deletions(-)
diff --git a/minipro_standard/pages/workbench/workbench.vue b/minipro_standard/pages/workbench/workbench.vue
new file mode 100644
index 0000000..def5144
--- /dev/null
+++ b/minipro_standard/pages/workbench/workbench.vue
@@ -0,0 +1,134 @@
+<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"
+ import { mapState } from 'vuex'
+
+ export default {
+ components: {
+ myTabbar
+ },
+ computed: {
+ ...mapState(['Menu'])
+ },
+ data() {
+ return {
+
+ };
+ },
+ onLoad() {
+ 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