Commit 9e805166 by pangchong

feat: 提交

parent 2bbea434
<template> <template>
<button :class="getClass" :style="getStyle" :loading="loading" :disabled="disabled"> <button :class="getClass" :style="style" :loading="loading" :disabled="disabled">
<slot></slot> <slot></slot>
</button> </button>
</template> </template>
...@@ -57,6 +57,7 @@ const getSize = computed(() => { ...@@ -57,6 +57,7 @@ const getSize = computed(() => {
<style lang="scss" scoped> <style lang="scss" scoped>
.global-button { .global-button {
padding: 0 32rpx; padding: 0 32rpx;
margin: 0;
height: v-bind(getSize); height: v-bind(getSize);
line-height: v-bind(getSize); line-height: v-bind(getSize);
font-size: 28rpx; font-size: 28rpx;
......
...@@ -4,14 +4,14 @@ ...@@ -4,14 +4,14 @@
<uni-icons type="left" size="16"></uni-icons> <uni-icons type="left" size="16"></uni-icons>
</template> </template>
<template #right> <template #right>
<custom-button type="primary">保存</custom-button> <custom-button type="primary" size="small">保存</custom-button>
</template> </template>
</custom-navbar> </custom-navbar>
<view class="content"> <view class="content">
<view class="card"> <view class="card">
<view class="card-title"> <view class="card-title">
<view class="card-title-txt">首页应用</view> <view class="card-title-txt">首页应用</view>
<custom-button type="primary" class="card-title-button">编辑</custom-button> <custom-button type="primary" size="small" class="card-title-button">编辑</custom-button>
</view> </view>
<view class="menu-list"> <view class="menu-list">
<menu-item class="menu-item" v-for="item in menuList" :data="item" :key="item.id"></menu-item> <menu-item class="menu-item" v-for="item in menuList" :data="item" :key="item.id"></menu-item>
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
</view> </view>
<view class="card"> <view class="card">
<view class="card-title"> <view class="card-title">
<view class="card-title-txt">首页应用</view> <view class="card-title-txt">全部应用</view>
</view> </view>
<view class="menu-list"> <view class="menu-list">
<menu-item class="menu-item" v-for="item in menuList" :data="item" :key="item.id"></menu-item> <menu-item class="menu-item" v-for="item in menuList" :data="item" :key="item.id"></menu-item>
...@@ -38,9 +38,13 @@ import { menuList } from '../constants/data.config' ...@@ -38,9 +38,13 @@ import { menuList } from '../constants/data.config'
.card { .card {
border-radius: 12rpx; border-radius: 12rpx;
background: #fff; background: #fff;
padding: 32rpx 0 0 0;
margin-bottom: 16rpx;
.card-title { .card-title {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 0 16rpx;
margin-bottom: 14rpx;
.card-title-txt { .card-title-txt {
font-size: 34rpx; font-size: 34rpx;
color: #1d2129; color: #1d2129;
...@@ -54,7 +58,7 @@ import { menuList } from '../constants/data.config' ...@@ -54,7 +58,7 @@ import { menuList } from '../constants/data.config'
flex-wrap: wrap; flex-wrap: wrap;
.menu-item { .menu-item {
width: 25%; width: 25%;
margin-bottom: 48rpx; margin: 14rpx 0;
box-sizing: border-box; box-sizing: border-box;
} }
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment