From d1448cb0ef10f358bb7bddb4e1ec268515e0b787 Mon Sep 17 00:00:00 2001 From: gaoluyang <2820782392@qq.com> Date: 星期二, 15 七月 2025 11:46:57 +0800 Subject: [PATCH] 项目初始化 --- pages/work/index.vue | 133 ++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 133 insertions(+), 0 deletions(-) diff --git a/pages/work/index.vue b/pages/work/index.vue new file mode 100644 index 0000000..9af4aba --- /dev/null +++ b/pages/work/index.vue @@ -0,0 +1,133 @@ +<template> + <view> + <Navbar title="宸ヤ綔鍙�" bgColor="#fff" :hideBtn="true" :h5Show="false"></Navbar> + <view class="mobile-item-container"> + <view style="font-size: 40rpx; font-weight: bold; padding: 0 0 40rpx 0;">寰呭鐞�</view> + <u-grid col="3"> + <u-grid-item @click="navigateTo('/pages/work/notice/list')"> + <view style="position: relative;"> + <u-icon name="chat" color="#2979ff" size="60rpx"></u-icon> + <u-badge style="position: absolute; top: -5rpx; right: -10rpx;" type="error" numberType="overflow" max="99" v-model="todo.notice"></u-badge> + </view> + <text class="btn-text">閫氱煡鍏憡</text> + </u-grid-item> + <u-grid-item> + <view style="position: relative;"> + <u-icon name="list-dot" color="#2979ff" size="60rpx"></u-icon> + <u-badge style="position: absolute; top: -5rpx; right: -10rpx;" type="error" numberType="overflow" max="99" v-model="todo.task"></u-badge> + </view> + <text class="btn-text">寰呭姙浠诲姟</text> + </u-grid-item> + <u-grid-item> + <view style="position: relative;"> + <u-icon name="warning" color="#2979ff" size="60rpx"></u-icon> + <u-badge style="position: absolute; top: -5rpx; right: -10rpx;" type="error" numberType="overflow" max="99" v-model="todo.error"></u-badge> + </view> + <text class="btn-text">寮傚父淇℃伅</text> + </u-grid-item> + </u-grid> + </view> + <Gap /> + <view class="mobile-item-container"> + <view style="font-size: 40rpx; font-weight: bold; padding: 0 0 40rpx 0;">缁熻鎶ヨ〃</view> + <u-grid col="3"> + <u-grid-item> + <u-icon name="star" color="#2979ff" size="60rpx"></u-icon> + <text class="btn-text">璁块棶閲忕粺璁�</text> + </u-grid-item> + <u-grid-item> + <u-icon name="share-square" color="#2979ff" size="60rpx"></u-icon> + <text class="btn-text">鍒嗕韩缁熻</text> + </u-grid-item> + </u-grid> + </view> + <Gap /> + <view style="padding: 40rpx; background-color: #fff; margin-top: 40rpx; min-height: 600rpx;"> + <u-tabs + :activeStyle="{ + color: '#303133', + fontSize: '40rpx', + fontWeight: 'bold', + transform: 'scale(1.05)' + }" + :inactiveStyle="{ + color: '#606266', + fontSize: '36rpx', + transform: 'scale(1)' + }" + :list="tabs" + @change="tabChange"> + </u-tabs> + <view v-if="activeKey == 'work'" style="padding: 40rpx 0;"> + <u-grid col="3"> + <u-grid-item @click="navigateTo('/pages/work/notice/manage')"> + <u-icon name="edit-pen" color="#2979ff" size="60rpx"></u-icon> + <text class="btn-text">鍏憡绠$悊</text> + </u-grid-item> + <u-grid-item @click="navigateTo('/pages/work/user/list')"> + <u-icon name="plus-people-fill" color="#2979ff" size="60rpx"></u-icon> + <text class="btn-text">鐢ㄦ埛绠$悊</text> + </u-grid-item> + <u-grid-item> + <u-icon name="tags" color="#2979ff" size="60rpx"></u-icon> + <text class="btn-text">閮ㄩ棬绠$悊</text> + </u-grid-item> + </u-grid> + <u-grid col="3" style="margin-top: 40rpx;"> + <u-grid-item> + <u-icon name="bookmark" color="#2979ff" size="60rpx"></u-icon> + <text class="btn-text">宀椾綅绠$悊</text> + </u-grid-item> + </u-grid> + </view> + <view v-if="activeKey == 'plugin'" style="padding: 40rpx 0;"> + <u-grid col="3"> + <u-grid-item> + <u-icon name="order" color="#2979ff" size="60rpx"></u-icon> + <text class="btn-text">琛ㄥ崟鏍蜂緥</text> + </u-grid-item> + </u-grid> + </view> + </view> + </view> +</template> + +<script> +import Navbar from '@/components/navbar/Navbar' +import Gap from '@/components/gap/Gap' + +export default { + components: { + Gap, + Navbar, + }, + data () { + return { + activeKey: 'work', + tabs: [{ + name: '鏃ュ父宸ヤ綔', + key: 'work' + }, { + name: '鎻掍欢', + key: 'plugin' + }], + todo: { + notice: 2, + task: 5, + error: 1 + } + } + }, + methods: { + tabChange (item) { + this.activeKey = item.key; + }, + navigateTo (url) { + uni.navigateTo({ url: url }) + } + } +} +</script> + +<style lang="scss"> +</style> \ No newline at end of file -- Gitblit v1.9.3