Skip to content

Commit add6215

Browse files
zmisgodzmisgod
committed
opt code
1 parent 58cab38 commit add6215

7 files changed

Lines changed: 87 additions & 88 deletions

File tree

‎src/components/Cal.vue‎

Lines changed: 16 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,21 @@
11
<template>
22
<div class="cal-container">
3-
<div>
4-
<el-input @input="calResult" class="value1" v-model="value1" placeholder="请输入值1">
5-
</el-input>
6-
<el-select @change="calResult" class="cal-type" v-model="cal_type" placeholder="请选择">
7-
<el-option
8-
v-for="item in cal_options"
9-
:key="item.value"
10-
:label="item.label"
11-
:value="item.value">
12-
</el-option>
13-
</el-select>
14-
<el-input @input="calResult" class="value2" v-model="value2" placeholder="请输入值2">
15-
</el-input>
16-
</div>
17-
<div>
18-
<el-input class="result" v-model="result" placeholder="请输入值2"></el-input>
19-
</div>
3+
<div>
4+
<el-input @input="calResult" class="value1" v-model="value1" placeholder="请输入值1">
5+
</el-input>
6+
<el-select @change="calResult" class="cal-type" v-model="cal_type" placeholder="请选择">
7+
<el-option
8+
v-for="item in cal_options"
9+
:key="item.value"
10+
:label="item.label"
11+
:value="item.value">
12+
</el-option>
13+
</el-select>
14+
<el-input @input="calResult" class="value2" v-model="value2" placeholder="请输入值2"></el-input>
15+
</div>
16+
<div>
17+
<el-input class="result" v-model="result" placeholder="请输入值2"></el-input>
18+
</div>
2019
</div>
2120
</template>
2221

‎src/components/Decode.vue‎

Lines changed: 30 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -1,35 +1,35 @@
11
<template>
2-
<div class="decode-container">
3-
<el-input
4-
type="textarea"
5-
:autosize="true"
6-
placeholder="请输入需要转换的内容"
7-
v-model="originalText">
8-
</el-input>
9-
<div class="btn-container">
10-
<div>
11-
<el-button class="one-btn" size="mini" @click="urlEncode">UrlEncode</el-button>
12-
<el-button class="one-btn" size="mini" @click="cnToUtf8">中文转UTF-8</el-button>
13-
<el-button class="one-btn" size="mini" @click="cnToUnicode">中文转Unicode</el-button>
14-
</div>
15-
<div>
16-
<el-button class="one-btn" size="mini" @click="urlDecode">UrlDecode</el-button>
17-
<el-button class="one-btn" size="mini" @click="utf8ToCn">UTF-8转中文</el-button>
18-
<el-button class="one-btn" size="mini" @click="unicodeToCn">Unicode转中文</el-button>
19-
</div>
20-
<div>
21-
<el-button class="one-btn" size="mini" @click="md5Fun">MD5</el-button>
22-
</div>
23-
</div>
24-
<div>
25-
<el-input
26-
type="textarea"
27-
:autosize="true"
28-
:disabled="true"
29-
placeholder="转换回结果"
30-
v-model="outputText"></el-input>
31-
</div>
2+
<div class="decode-container">
3+
<el-input
4+
type="textarea"
5+
:autosize="true"
6+
placeholder="请输入需要转换的内容"
7+
v-model="originalText">
8+
</el-input>
9+
<div class="btn-container">
10+
<div>
11+
<el-button class="one-btn" size="mini" @click="urlEncode">UrlEncode</el-button>
12+
<el-button class="one-btn" size="mini" @click="cnToUtf8">中文转UTF-8</el-button>
13+
<el-button class="one-btn" size="mini" @click="cnToUnicode">中文转Unicode</el-button>
14+
</div>
15+
<div>
16+
<el-button class="one-btn" size="mini" @click="urlDecode">UrlDecode</el-button>
17+
<el-button class="one-btn" size="mini" @click="utf8ToCn">UTF-8转中文</el-button>
18+
<el-button class="one-btn" size="mini" @click="unicodeToCn">Unicode转中文</el-button>
19+
</div>
20+
<div>
21+
<el-button class="one-btn" size="mini" @click="md5Fun">MD5</el-button>
22+
</div>
3223
</div>
24+
<div>
25+
<el-input
26+
type="textarea"
27+
:autosize="true"
28+
:disabled="true"
29+
placeholder="转换回结果"
30+
v-model="outputText"></el-input>
31+
</div>
32+
</div>
3333
</template>
3434
<script>
3535
import md5 from 'js-md5';

‎src/components/Html.vue‎

Lines changed: 11 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,19 @@
11
<template>
2-
<div class="full-width">
3-
<div class="or-json">
4-
<el-input
5-
type="textarea"
6-
placeholder="请输入html"
7-
v-model="showHtml"
8-
:autosize="true"
9-
></el-input>
10-
</div>
11-
<div class="show-json" v-html="showHtml"></div>
2+
<div class="full-width">
3+
<div class="or-json">
4+
<el-input
5+
type="textarea"
6+
placeholder="请输入html"
7+
v-model="showHtml"
8+
:autosize="true"
9+
></el-input>
1210
</div>
11+
<div class="show-json" v-html="showHtml"></div>
12+
</div>
1313
</template>
1414
<script>
1515
export default {
16-
props: {
17-
},
16+
props: {},
1817
data() {
1918
return {
2019
showHtml: '',

‎src/components/Json.vue‎

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,23 @@
11
<template>
2-
<div class="json-container" :class='{"full-width": isFull}'>
2+
<div class="json-container" :class='{"full-width": isFull}'>
33
<div class="or-json">
4-
<el-input
5-
type="textarea"
6-
placeholder="请输入json"
7-
@change="inputJson"
8-
v-model="orJson"
9-
:autosize="true"
10-
></el-input>
4+
<el-input
5+
type="textarea"
6+
placeholder="请输入json"
7+
@change="inputJson"
8+
v-model="orJson"
9+
:autosize="true"
10+
></el-input>
1111
</div>
1212
<div class="show-json">
13-
<el-input
14-
type="textarea"
15-
placeholder="显示的json"
16-
v-model="showJson"
17-
:autosize="true"
18-
></el-input>
13+
<el-input
14+
type="textarea"
15+
placeholder="显示的json"
16+
v-model="showJson"
17+
:autosize="true"
18+
></el-input>
1919
</div>
20-
</div>
20+
</div>
2121
</template>
2222

2323
<script>

‎src/components/JsonToGo.vue‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
<template>
22
<div class="json-container">
3-
<div class="json-text">
4-
<el-input type="textarea" rows=8 placeholder="请输入json"
5-
@change="inputJson" v-model="jsonText"></el-input>
6-
</div>
7-
<div class="show-go">
8-
<el-input type="textarea" rows=8 placeholder="显示的GoStruct" v-model="goStruct"></el-input>
9-
</div>
3+
<div class="json-text">
4+
<el-input type="textarea" rows=8 placeholder="请输入json"@change="inputJson" v-model="jsonText">
5+
</el-input>
6+
</div>
7+
<div class="show-go">
8+
<el-input type="textarea" rows=8 placeholder="显示的GoStruct" v-model="goStruct"></el-input>
9+
</div>
1010
</div>
1111
</template>
1212

‎src/components/Time.vue‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -74,6 +74,7 @@ export default {
7474
};
7575
},
7676
created() {
77+
this.year = new Date().getFullYear();
7778
setInterval(() => {
7879
const thisTime = new Date().getTime();
7980
if (!this.stopTime) {

‎src/components/jsonToGo.vue‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
<template>
22
<div class="json-container">
3-
<div class="json-text">
4-
<el-input type="textarea" rows=8 placeholder="请输入json"
5-
@change="inputJson" v-model="jsonText"></el-input>
6-
</div>
7-
<div class="show-go">
8-
<el-input type="textarea" rows=8 placeholder="显示的GoStruct" v-model="goStruct"></el-input>
9-
</div>
3+
<div class="json-text">
4+
<el-input type="textarea" rows=8 placeholder="请输入json"@change="inputJson" v-model="jsonText">
5+
</el-input>
6+
</div>
7+
<div class="show-go">
8+
<el-input type="textarea" rows=8 placeholder="显示的GoStruct" v-model="goStruct"></el-input>
9+
</div>
1010
</div>
1111
</template>
1212

0 commit comments

Comments
 (0)