💄 stcp界面优化

This commit is contained in:
刘嘉伟 2024-08-17 00:34:23 +08:00
parent 1d9ac090f3
commit 22bb48c274

View File

@ -331,6 +331,21 @@ onUnmounted(() => {
</div>
<div class="h-12 relative">
<div class="text-sm font-bold">{{ proxy.name }}</div>
<el-tag
v-if="
proxy.type === 'stcp' && proxy.stcpModel === 'visitors'
"
size="small"
>
访问者
</el-tag>
<el-tag
size="small"
v-if="
proxy.type === 'stcp' && proxy.stcpModel === 'visited'
"
>被访问者
</el-tag>
<!-- <el-tag-->
<!-- size="small"-->
<!-- class="absolute bottom-0"-->
@ -370,18 +385,49 @@ onUnmounted(() => {
</div>
</div>
<div class="flex justify-between mt-4">
<div class="text-sm text-left">
<div
class="text-sm text-left"
v-if="proxy.type !== 'stcp' || proxy.stcpModel !== 'visitors'"
>
<p class="text-[#ADADAD] font-bold">内网地址</p>
<p>{{ proxy.localIp }}</p>
</div>
<div class="text-sm text-center" v-if="proxy.type === 'tcp'">
<p class="text-[#ADADAD] font-bold">外网端口</p>
<p>{{ proxy.remotePort }}</p>
</div>
<div class="text-sm text-center">
<div
class="text-sm text-center"
v-if="proxy.type !== 'stcp' || proxy.stcpModel !== 'visitors'"
>
<p class="text-[#ADADAD] font-bold">内网端口</p>
<p>{{ proxy.localPort }}</p>
</div>
<div
class="text-sm text-center"
v-if="proxy.type === 'stcp' && proxy.stcpModel === 'visitors'"
>
<p class="text-[#ADADAD] font-bold">访问者名称</p>
<p>{{ proxy.serverName }}</p>
</div>
<div
class="text-sm text-center"
v-if="proxy.type === 'stcp' && proxy.stcpModel === 'visitors'"
>
<p class="text-[#ADADAD] font-bold">绑定地址</p>
<p>{{ proxy.bindAddr }}</p>
</div>
<div
class="text-sm text-center"
v-if="proxy.type === 'stcp' && proxy.stcpModel === 'visitors'"
>
<p class="text-[#ADADAD] font-bold">绑定端口</p>
<p>{{ proxy.bindPort }}</p>
</div>
</div>
<!-- <div class="text-sm text-[#ADADAD] py-2">本地地址 本地端口</div>-->
</div>
@ -792,7 +838,7 @@ onUnmounted(() => {
}
.stcp {
background: #D63DA6;
background: #d63da6;
}
.domain-input {