addpages

src/main.ts

@@ -4,10 +4,13 @@ import { createApp } from 'vue'
 import App from './App.vue'
 import router from './router'
 import store, { key } from './store'
+import zhCn from 'element-plus/es/locale/lang/zh-cn'
 
 const app = createApp(App)
 
-app.use(ElementPlus)
+app.use(ElementPlus, {
+    locale: zhCn,
+})
 app.use(store, key)
 app.use(router)
 app.mount('#app')

src/views/Block/index.vue

@@ -106,7 +106,7 @@ const handleCurrentChange = (e) => {
 }
 
 .table {
-  margin-top: 20px;
+  margin: 16px 0;
   box-shadow: 0 0.5rem 1.2rem rgba(189, 197, 209, 0.2);
   border-radius: 2px;
 }

src/views/Other/analytical.vue

@@ -8,16 +8,38 @@
       </el-breadcrumb>
     </div>
 
+    <div>
+      <h3>解析数据</h3>
+      <div>
+        您可以在此页面输入未签名的源数据，十六进制格式文本，将会解析成可读的格式。
+      </div>
+    </div>
+    <div>
+      <textarea v-model="data"></textarea>
+    </div>
+    <el-button type="primary">解析数据</el-button>
   </div>
 </template>
 
 <script lang="ts" setup>
-
 import { ref } from 'vue'
 
-const blocks = ref([])
+const data = ref<string>('')
 </script>
 
 <style scoped lang="less">
+textarea {
+  width: 100%;
+  height: 200px;
+  padding: 20px;
+  resize: none;
+  background: #fff;
+  border-radius: 5px;
+  border: 2px solid #ebeff1;
+  font-size: 14px;
 
+  &:focus {
+    outline: none;
+  }
+}
 </style>

src/views/Other/broadcast.vue

@@ -8,16 +8,38 @@
       </el-breadcrumb>
     </div>
 
+    <div>
+      <h3>广播数据</h3>
+      <div>
+        您可以在此页面输入签过名的源数据，十六进制格式文本，并将其广播到区块链网络。
+      </div>
+    </div>
+    <div>
+      <textarea v-model="data"></textarea>
+    </div>
+    <el-button type="primary">广播数据</el-button>
   </div>
 </template>
 
 <script lang="ts" setup>
-
 import { ref } from 'vue'
 
-const blocks = ref([])
+const data = ref<string>('')
 </script>
 
 <style scoped lang="less">
+textarea {
+  width: 100%;
+  height: 200px;
+  padding: 20px;
+  resize: none;
+  background: #fff;
+  border-radius: 5px;
+  border: 2px solid #ebeff1;
+  font-size: 14px;
 
+  &:focus {
+    outline: none;
+  }
+}
 </style>

src/views/Trade/index.vue

@@ -58,7 +58,7 @@ const blocks = ref([])
 }
 
 .table {
-  margin-top: 20px;
+  margin: 16px 0;
   box-shadow: 0 0.5rem 1.2rem rgba(189, 197, 209, 0.2);
   border-radius: 2px;
   font-size: 12px;