From af2cf237c9506f0cb9db8185c96e546bb9a73b63 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Thu, 29 Jul 2021 08:47:21 +0800
Subject: [PATCH] 部分页面搭建配置等
---
pages/dispatch/dispatch.vue | 82 +++++++++++++++++++++++++++++++++++++++--
1 files changed, 78 insertions(+), 4 deletions(-)
diff --git a/pages/dispatch/dispatch.vue b/pages/dispatch/dispatch.vue
index 1dd979b..ac3b753 100644
--- a/pages/dispatch/dispatch.vue
+++ b/pages/dispatch/dispatch.vue
@@ -1,11 +1,85 @@
<template>
- <div>
- 456
- </div>
+ <view class="container">
+ <view class="service-box">
+ <u-grid :col="4" :border="false">
+ <u-grid-item bg-color="transparent" v-for="(item, index) in serviceButton" :key="index" @click="goBusinessPage(item.url,index)">
+ <view class="service-item">
+ <image :src="item.img" mode="widthFix" class="img"></image>
+ <view class="name">{{ item.name }}</view>
+ </view>
+ </u-grid-item>
+ </u-grid>
+ </view>
+ </view>
</template>
<script>
+ import {
+ fakeServiceButton
+ } from "@/api/mock/dispatch.js";
+
+ export default {
+ data() {
+ return {
+ dataList:[],
+ serviceButton: []
+ };
+ },
+ onLoad() {
+
+ },
+ onReachBottom() {
+
+ },
+ mounted() {
+ },
+ methods: {
+ onLoad() {
+ // 加载服务按钮数据
+ fakeServiceButton().then(data => {
+ this.serviceButton = data;
+ });
+ },
+ //页面跳转
+ goBusinessPage(url,index){
+ uni.navigateTo({
+ url:url
+ })
+ },
+ }
+ };
</script>
-<style>
+
+<style lang="scss">
+ .container {
+ background-color: #f7f7f7;
+ min-height: 100vh;
+ overflow: hidden;
+ }
+ .service-box {
+ background: #ffffff;
+ border-radius: 20px 20px 20px 20px;
+ margin: 30rpx 20rpx 0;
+ padding: 0rpx 20rpx;
+
+ .service-item {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ align-items: center;
+ width: 100%;
+ height: 120rpx;
+ font-size: 26rpx;
+ font-family: PingFang SC;
+ font-weight: 500;
+ color: #585b61;
+
+ .img {
+ width: 70rpx;
+ height: auto;
+ }
+ }
+ }
</style>
+
--
Gitblit v1.9.3