From 526e35b8331c189c891cf42934418c3e73776fce Mon Sep 17 00:00:00 2001
From: guanqb <18720758508@163.com>
Date: Fri, 26 Aug 2022 17:29:58 +0800
Subject: [PATCH] 农资记录返回样式修改
---
src/components/basic-container/main.vue | 78 +++++++++++++++++++--------------------
1 files changed, 38 insertions(+), 40 deletions(-)
diff --git a/src/components/basic-container/main.vue b/src/components/basic-container/main.vue
index cbe7b61..0f31286 100644
--- a/src/components/basic-container/main.vue
+++ b/src/components/basic-container/main.vue
@@ -1,55 +1,53 @@
<template>
- <div class="basic-container"
- :style="styleName"
- :class="{'basic-container--block':block}">
- <el-card class="basic-container__card">
- <slot></slot>
- </el-card>
- </div>
+ <div class="basic-container" :style="styleName" :class="{'basic-container--block':block}">
+ <el-card class="basic-container__card">
+ <slot></slot>
+ </el-card>
+ </div>
</template>
<script>
export default {
- name: "basicContainer",
- props: {
- radius: {
- type: [String, Number],
- default: 10
+ name: "basicContainer",
+ props: {
+ radius: {
+ type: [String, Number],
+ default: 10
+ },
+ background: {
+ type: String
+ },
+ block: {
+ type: Boolean,
+ default: false
+ }
},
- background: {
- type: String
- },
- block: {
- type: Boolean,
- default: false
+ computed: {
+ styleName () {
+ return {
+ borderRadius: this.setPx(this.radius),
+ background: this.background,
+ }
+ }
}
- },
- computed: {
- styleName () {
- return {
- borderRadius: this.setPx(this.radius),
- background: this.background,
- }
- }
- }
};
</script>
<style lang="scss">
.basic-container {
- padding: 10px 6px;
- box-sizing: border-box;
- &--block {
- height: 100%;
- .basic-container__card {
- height: 100%;
+ padding: 10px 6px;
+ box-sizing: border-box;
+ &--block {
+ height: 100%;
+ .basic-container__card {
+ height: 100%;
+ }
}
- }
- &__card {
- width: 100%;
- }
- &:first-child {
- padding-top: 0;
- }
+ &__card {
+ width: 100%;
+ }
+ &:first-child {
+ padding-top: 0px;
+ }
}
</style>
--
Gitblit v1.9.3