zhangchao/Road_roller
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: lint - update SKILL.md example and remove unused handler in wifiNetwork.vue

Browse Source
This commit is contained in:
Ironsp
2026-09-02 14:03:57 +08:00
parent 6eed913a82
commit 1ea63c486e
9 changed files with 580 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/components.d.ts vendored
View File

@@ -26,6 +26,7 @@ declare module 'vue' {
SettingsProjectSettings: typeof import('./components/settings/projectSettings.vue')['default']
SettingsRadioSettings: typeof import('./components/settings/radioSettings.vue')['default']
SettingsSensor: typeof import('./components/settings/sensor.vue')['default']
SettingsWifiNetwork: typeof import('./components/settings/wifiNetwork.vue')['default']
SettingsWifiSettings: typeof import('./components/settings/wifiSettings.vue')['default']
}
}

5
src/components/deviceCard.vue
View File

@@ -39,7 +39,6 @@ withDefaults(defineProps<{
padding: 16px;
background-color: #ffffff;
border-radius: 12px;
margin-bottom: 12px;
}
.device-icon {
@@ -61,14 +60,14 @@ withDefaults(defineProps<{
}
.device-name {
font-size: 16px;
font-size: 18px;
font-weight: bold;
color: #333333;
margin-bottom: 4px;
}
.device-id {
font-size: 13px;
font-size: 14px;
color: #999999;
}

3
src/components/deviceInfo.vue
View File

@@ -73,12 +73,11 @@ withDefaults(defineProps<{
.device-info {
background-color: #ffffff;
border-radius: 12px;
margin-bottom: 12px;
padding: 16px;
}
.section-title {
font-size: 16px;
font-size: 18px;
font-weight: bold;
color: #333;
margin-bottom: 16px;

3
src/components/settings/projectForm.vue
View File

@@ -46,7 +46,6 @@ function handleSave() {
.project-form {
background-color: #ffffff;
border-radius: 12px;
margin-bottom: 12px;
padding: 16px;
}
@@ -55,7 +54,7 @@ function handleSave() {
}
.form-label {
font-size: 14px;
font-size: 18px;
font-weight: bold;
color: #333;
margin-bottom: 8px;

1
src/components/settings/projectSettings.vue
View File

@@ -18,5 +18,6 @@
.project-settings {
display: flex;
flex-direction: column;
gap: 12px;
}
</style>

170
src/components/settings/wifiNetwork.vue Normal file
View File

@@ -0,0 +1,170 @@
<script setup lang="ts">
const wifiEnabled = ref(true)
const networks = ref([
{ name: 'TP_LINK_5G', signal: '信号强度：强', ip: 'IP地址：192.168.1.100', connected: true },
{ name: 'TP_LINK_5G', signal: '信号强度：强', ip: 'IP地址：192.168.1.100', connected: false },
{ name: 'TP_LINK_5G', signal: '信号强度：强', ip: 'IP地址：192.168.1.100', connected: false },
])
function handleDisconnect(name: string) {
console.log('断开', name)
}
function handleConnect(name: string) {
console.log('连接', name)
}
</script>
<template>
<view class="wifi-content">
<!-- WiFi开关 -->
<view class="card">
<view class="wifi-header">
<text class="card-title">
WIFI设置
</text>
</view>
<view class="wifi-toggle">
<view class="toggle-left">
<wd-icon name="wifi" size="20px" />
<text class="toggle-text">
WiFi开关
</text>
</view>
<wd-switch v-model="wifiEnabled" size="20px" />
</view>
</view>
<!-- 可用网络 -->
<view class="card">
<view class="wifi-header">
<text class="card-title">
可用网络
</text>
<wd-icon name="refresh" size="20px" class="refresh-icon" />
</view>
<view class="network-list">
<view v-for="(network, index) in networks" :key="index" class="network-item">
<view class="network-info">
<wd-icon name="wifi" size="16px" />
<view class="network-detail">
<text class="network-name">
{{ network.name }}
</text>
<text class="network-meta">
{{ network.signal }} {{ network.ip }}
</text>
</view>
</view>
<wd-button
v-if="network.connected"
size="small"
type="danger"
round
@tap="handleDisconnect(network.name)"
>
断开
</wd-button>
<wd-button
v-else
size="small"
type="primary"
round
@tap="handleConnect(network.name)"
>
连接
</wd-button>
</view>
</view>
</view>
</view>
</template>
<style scoped>
.wifi-content {
display: flex;
flex-direction: column;
gap: 12px;
}
.card {
background-color: #ffffff;
border-radius: 12px;
padding: 16px;
}
.wifi-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
}
.card-title {
font-size: 18px;
font-weight: bold;
color: #333;
}
.refresh-icon {
color: #999;
}
.wifi-toggle {
display: flex;
justify-content: space-between;
align-items: center;
}
.toggle-left {
display: flex;
align-items: center;
gap: 8px;
}
.toggle-text {
font-size: 14px;
color: #333;
}
.network-list {
display: flex;
flex-direction: column;
gap: 12px;
}
.network-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 0;
border-bottom: 1px solid #f5f5f5;
}
.network-item:last-child {
border-bottom: none;
}
.network-info {
display: flex;
align-items: center;
gap: 8px;
}
.network-detail {
display: flex;
flex-direction: column;
}
.network-name {
font-size: 18px;
color: #333;
font-weight: 500;
}
.network-meta {
font-size: 14px;
color: #999;
}
</style>

13
src/components/settings/wifiSettings.vue
View File

@@ -3,12 +3,21 @@
<template>
<view class="wifi-settings">
<text>WIFI设置内容</text>
<!-- 设备卡片 -->
<device-card />
<!-- WiFi设置和可用网络 -->
<settings-wifiNetwork />
<!-- 设备信息 -->
<device-info />
</view>
</template>
<style scoped>
.wifi-settings {
min-height: 280px;
display: flex;
flex-direction: column;
gap: 12px;
}
</style>