Commit 63076384 authored by 刘殿昕's avatar 刘殿昕

上传,拉一下代码

parent 7052e228
...@@ -19,7 +19,7 @@ export default { ...@@ -19,7 +19,7 @@ export default {
.block_radius { .block_radius {
background-color: #fff; background-color: #fff;
border-radius: 10px; border-radius: 10px;
padding: 10px; padding: 20px;
} }
</style> </style>
<template> <template>
<div class="fwcs"> <div class="fwcs">
<el-breadcrumb separator="/" class="bread_crumb">
<el-breadcrumb-item :to="{ path: '/' }">服务注册</el-breadcrumb-item>
<el-breadcrumb-item>服务测试</el-breadcrumb-item>
</el-breadcrumb>
<block-radius> <block-radius>
<el-row> <el-row>
<el-button>默认按钮</el-button> <el-button
<el-button>默认按钮</el-button> v-for="item in btnList"
<el-button>默认按钮</el-button> :key="item.id"
<el-button>默认按钮</el-button> @click="clickBtn(item.id)"
<el-button>默认按钮</el-button> :class="activeBtn == item.id ? 'fwcs_btn_act':'fwcs_btn_dis'"
>{{ item.text }}</el-button>
</el-row> </el-row>
<div class="gray_line"></div> <div class="gray_line"></div>
<div class="fwcs_fwdz">服务地址:</div>
<div class="fwcs_fwdz_inner">
<el-input placeholder="请输入内容" v-model="input3" class="input-with-select">
<el-select v-model="select" slot="prepend" placeholder="请选择">
<el-option
v-for="item in optionType"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-input>
</div>
</block-radius> </block-radius>
</div> </div>
</template> </template>
...@@ -20,13 +38,26 @@ export default { ...@@ -20,13 +38,26 @@ export default {
blockRadius blockRadius
}, },
data: () => ({ data: () => ({
activeName: "second" btnList: [
{ icon: "", text: "数据服务", id: 0 },
{ icon: "", text: "时空服务", id: 1 },
{ icon: "", text: "视频服务", id: 2 },
{ icon: "", text: "感知服务", id: 3 },
{ icon: "", text: "综合服务", id: 4 }
],
activeBtn: 0,
input3: "",
select: "GET",
optionType: [
{ label: "GET", value: "GET" },
{ label: "POST", value: "POST" }
]
}), }),
computed: {}, computed: {},
watch: {}, watch: {},
methods: { methods: {
handleClick(tab, event) { clickBtn(val) {
console.log(tab, event); this.activeBtn = val;
} }
}, },
mounted() {} mounted() {}
...@@ -36,11 +67,44 @@ export default { ...@@ -36,11 +67,44 @@ export default {
<style scoped> <style scoped>
.fwcs { .fwcs {
} }
.bread_crumb {
margin: 20px;
font-size: 14px;
}
.fwcs_btn_act {
background-color: #e56600;
color: #ffffff;
}
.fwcs_btn_dis {
background-color: #e3e5ef;
color: #8890a7;
}
.gray_line { .gray_line {
width: 98%; width: 100%;
margin: 20px auto; margin: 20px auto;
height: 1px; height: 1px;
background-color: #DCDFE6; background-color: #dcdfe6;
}
.fwcs_fwdz {
color: #58617a;
margin: 20px;
font-size: 14px;
}
.input-with-select {
width: 70%;
}
</style>
<style>
.bread_crumb .el-breadcrumb__inner {
color: #b4c0f5 !important;
}
.bread_crumb .is-link {
color: #626de9 !important;
}
.fwcs_fwdz_inner .el-select .el-input {
width: 130px;
background-color: #0f2683;
color: #ffffff;
border-radius: 4px 0px 0px 4px;
} }
</style> </style>
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