From 03e24712b3534ffacd58ac8237237eccd4a4dd02 Mon Sep 17 00:00:00 2001
From: guoshilong <123456>
Date: Sun, 12 Nov 2023 11:02:49 +0800
Subject: [PATCH] 组件位置调整
---
subPackage/house/roomControl/index.vue | 53 +++++++++++++++++++++++++++--------------------------
1 files changed, 27 insertions(+), 26 deletions(-)
diff --git a/subPackage/house/roomControl/index.vue b/subPackage/house/roomControl/index.vue
index b70ecf8..afd8598 100644
--- a/subPackage/house/roomControl/index.vue
+++ b/subPackage/house/roomControl/index.vue
@@ -37,8 +37,9 @@
<newBoxTitle title="房屋标签"></newBoxTitle>
<view class="list">
<view v-for="(item, index) in labelBtnList" :key="index">
- <u-button size="mini" type="primary" :style="{background: item.color, color: item.color && '#fff'}"
- :plain="true" :text="item.name" @click="showLabelPopup(item)"></u-button>
+ <u-button size="mini" type="primary"
+ :style="{background: item.color, color: item.color && '#fff'}" :plain="true"
+ :text="item.name" @click="showLabelPopup(item)"></u-button>
</view>
</view>
</view>
@@ -46,7 +47,8 @@
</view>
<view class="edit-btn">
- <u-button type="primary" color="linear-gradient(163deg, #01BDFC 0%, #017BFC 100%)" text="修改数据" @click="updateHouseInfo(item)"></u-button>
+ <u-button type="primary" color="linear-gradient(163deg, #01BDFC 0%, #017BFC 100%)" text="修改数据"
+ @click="updateHouseInfo(item)"></u-button>
</view>
</view>
@@ -59,7 +61,8 @@
<u-radio-group v-model="" class="mt-40" v-model="labelValue" placement="row">
<u-radio :customStyle="{marginBottom: '8px'}" v-for="(item, index) in labelList" :key="index"
- :label="item.name" :labelColor="item.color" :name="item.name" :activeColor="item.color" @change="radioChange(item)">
+ :label="item.name" :labelColor="item.color" :name="item.name" :activeColor="item.color"
+ @change="radioChange(item)">
</u-radio>
</u-radio-group>
@@ -77,10 +80,7 @@
<script>
import uploadMixin from "@/mixin/uploadMixin";
- import newBoxTitle from '@/components/boxTitle/index2.vue'
- import {
- uploadFile
- } from "@/api/doorplateAddress/doorplateAddress";
+ import newBoxTitle from '@/subPackage/house/components/boxTitle/index2.vue'
import {
getLabelListByParentId
} from "@/api/label/label.js";
@@ -95,9 +95,6 @@
import {
minioBaseUrl
} from '@/common/setting'
- import {
- number
- } from "echarts";
export default {
mixins: [uploadMixin],
components: {
@@ -181,8 +178,8 @@
labelValue: "",
remark: '',
// 标记
- number: 0
-
+ number: 0
+
}
},
created() {
@@ -307,10 +304,10 @@
this.labelModelInfo.title = item.name
this.currentLabelInfo = item
// 遍历标签集合
- this.labelList.forEach(e => {
- console.log(e.color,item.color);
+ this.labelList.forEach(e => {
+ console.log(e.color, item.color);
if (e.color == item.color) {
- this.labelValue = e.name
+ this.labelValue = e.name
console.log(e);
this.remark = item.remark
this.number = 1
@@ -430,21 +427,25 @@
.label-btn-box {
padding: 30rpx;
margin-top: 20rpx;
- display: flex;
+ display: flex;
flex-direction: column;
- .list {
- display: flex;
+
+ .list {
+ display: flex;
flex-wrap: wrap;
- &>view {
+
+ &>view {
width: calc((100% - 80rpx) / 5);
- margin: 0 20rpx 20rpx 0;
- &:nth-child(5n) {
- margin-right: 0;
+ margin: 0 20rpx 20rpx 0;
+
+ &:nth-child(5n) {
+ margin-right: 0;
}
+
.u-button {
padding: 6rpx 8rpx;
- border-width: 0 !important;
- background-color: #F5F5F5;
+ border-width: 0 !important;
+ background-color: #F5F5F5;
color: #999999;
}
}
@@ -461,7 +462,7 @@
justify-content: space-around;
align-items: center;
background: #fff;
- box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
+ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
}
}
}
--
Gitblit v1.9.3