css

assets/css/mine/user.scss

+.page-user {
+    height: 100vh;
+    background: #f5f5f7;
+    padding: 0 24rpx;
+    background: linear-gradient(200deg, #d6e8ff 0%, #ffffff 277px);
+    .list-tool {
+        margin-top: 16rpx;
+        margin-bottom: 25rpx;
+        padding: 24rpx 0 0 24rpx;
+        background: #ffffff;
+        border-radius: 10px;
+        .title {
+            font-size: 26rpx;
+            color: #484b59;
+            font-weight: bold;
+            margin-bottom: 32rpx;
+        }
+        .list-tool-wrap {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            .box {
+                padding-bottom: 40rpx;
+                grid-column-end: span 1;
+                .iconfont {
+                    font-size: 52rpx;
+                    color: #484b59;
+                    margin-bottom: 10rpx;
+                }
+                .tt {
+                    font-size: 24rpx;
+                    color: #919399;
+                }
+            }
+        }
+    }
+}

pages/mine/user.vue

+<template>
+    <view class="page-user">
+        <view class="list-tool">
+            <view class="title">服务与工具</view>
+            <view class="list-tool-wrap">
+                <view class="box column rowCenter verCenter">
+                    <text class="iconfont icon-dzz"></text>
+                    <text class="tt">地址管理</text>
+                </view>
+                <view class="box column rowCenter verCenter">
+                    <text class="iconfont icon-dzz"></text>
+                    <text class="tt">发票管理</text>
+                </view>
+                <view class="box column rowCenter verCenter">
+                    <text class="iconfont icon-dzz"></text>
+                    <text class="tt">京东卡</text>
+                </view>
+                <view class="box column rowCenter verCenter">
+                    <text class="iconfont icon-dzz"></text>
+                    <text class="tt">我的物料库</text>
+                </view>
+                <view class="box column rowCenter verCenter">
+                    <text class="iconfont icon-dzz"></text>
+                    <text class="tt">询价记录</text>
+                </view>
+                <view class="box column rowCenter verCenter">
+                    <text class="iconfont icon-dzz"></text>
+                    <text class="tt">投诉反馈</text>
+                </view>
+            </view>
+        </view>
+    </view>
+</template>
+
+<script>
+import { Api_Url } from '@/util/api.js';
+export default {
+    data() {
+        return {};
+    },
+    onLoad() {},
+    methods: {}
+};
+</script>
+
+<style lang="scss">
+@import '@/assets/css/mine/user.scss';
+</style>