0017
/
iot-ui-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: 优化设备接入网关样式

This commit is contained in:
xieyonghong 2023-04-10 18:05:17 +08:00
parent 1b91cca362
commit 92c1b48887
2 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/views/link/AccessConfig/Detail/index.vue
View File

@ -1,15 +1,15 @@
<template> <template>
<page-container> <page-container>
<j-spin :spinning="loading"> <j-spin :spinning="loading">
<FullPage> <div v-if="type && id === ':id'">
<Provider
@onClick="goProviders"
:dataSource="dataSource"
></Provider>
</div>
<FullPage v-else>
<j-card :bordered="false"> <j-card :bordered="false">
<div v-if="type && id === ':id'"> <div>
<Provider
@onClick="goProviders"
:dataSource="dataSource"
></Provider>
</div>
<div v-else>
<div class="go-back" v-if="id === ':id'"> <div class="go-back" v-if="id === ':id'">
<a @click="goBack">返回</a> <a @click="goBack">返回</a>
</div> </div>

5
src/views/link/AccessConfig/components/Provider/index.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div v-for="items in dataSource" :key="items.type" class="card-items"> <div v-for="items in dataSource" :key="items.type" class="card-items">
<div class="card-items-container"> <div class="card-items-container">
<TitleComponent :data="items.title"></TitleComponent> <TitleComponent :data="items.title" style='font-size: 16px;'></TitleComponent>
<j-row :gutter="[24, 24]"> <j-row :gutter="[24, 24]">
<j-col :span="12" v-for="item in items.list" :key="item.id"> <j-col :span="12" v-for="item in items.list" :key="item.id">
<div class="provider"> <div class="provider">
@ -75,6 +75,9 @@ const click = (value: object) => {
<style lang="less" scoped> <style lang="less" scoped>
.card-items { .card-items {
margin-bottom: 24px; margin-bottom: 24px;
background-color: #fff;
padding: 24px;
.card-items-container { .card-items-container {
} }
} }