You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
78 lines
1.3 KiB
78 lines
1.3 KiB
<template> |
|
<div class="main"> |
|
<div class="t0">R0</div> |
|
<div class="M">S0</div> |
|
<div class="S">W1</div> |
|
<!-- <div class="W">W</div> --> |
|
<div class="t">t1</div> |
|
<div class="T">R</div> |
|
<textarea type="textarea" @change="wenduCodeChange" style="width: 100%;height: 100%;border: none;font-size: 14px;line-height: 30px;" /> |
|
</div> |
|
</template> |
|
|
|
<script setup> |
|
import { ref } from "vue"; |
|
import settingStore from "@/store/modules/setting"; |
|
const useSettingStore = settingStore(); |
|
const value = ref(""); |
|
const wenduCodeChange = (e) => { |
|
useSettingStore.shiduCode = e.target.value.replace(/\n/g, ""); |
|
} |
|
</script> |
|
|
|
<style scoped> |
|
.main { |
|
position: relative; |
|
width: 200px; |
|
height: 300px; |
|
border: 5px solid #ccc; |
|
} |
|
.t0 { |
|
position: absolute; |
|
top: 5px; |
|
left: -25px; |
|
border: 1px solid #ccc; |
|
color: #fff; |
|
|
|
} |
|
.M { |
|
position: absolute; |
|
top: 75px; |
|
left: -25px; |
|
border: 1px solid #ccc; |
|
color: #fff; |
|
|
|
} |
|
.S { |
|
position: absolute; |
|
top: 150px; |
|
left: -29px; |
|
border: 1px solid #ccc; |
|
color: #fff; |
|
|
|
} |
|
.W{ |
|
position: absolute; |
|
top: 180px; |
|
left: -17px; |
|
border: 1px solid #ccc; |
|
color: #fff; |
|
|
|
} |
|
.t{ |
|
position: absolute; |
|
top: 230px; |
|
left: -17px; |
|
border: 1px solid #ccc; |
|
color: #fff; |
|
|
|
} |
|
.T{ |
|
position: absolute; |
|
top: 50%; |
|
right: -17px; |
|
border: 1px solid #ccc; |
|
color: #fff; |
|
|
|
} |
|
</style>
|
|
|