1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
| <template>
| <v-page class="container">
| <v-header title="地球olLine"></v-header>
| <view class="d-flex">
| <van-button type="danger" @click="aler">{{test}}</van-button>
| <button type="primary">test</button>
| <navigator :url="'/pages/login/index'">login</navigator>
| <v-button type="danger">testt</v-button>
| </view>
| <view>
| <navigator :url="'/pages/reg/index'">reg</navigator>
| </view>
| <view>{{text}}</view>
|
| <v-code type="theme" url="/login/sendSmsCodeBeforeLogin" :data="{signature:'123'}"></v-code>
| <v-input placeholder="test" value="test"></v-input>
| <lb-picker cancel-text="老子不选了" @confirm="select" :value="value" :list="list">pickerTest{{value}}</lb-picker>
| <v-picker v-model="value" :list="list">vPicker{{value}}</v-picker>
| <view class="colora">colora</view>
| </v-page>
| </template>
|
| <script>
| import lbPicker from "@/components/lb-picker";
| import app from "@/app";
| import { mapGetters } from "vuex";
| export default {
| components: {
| lbPicker,
| },
| computed: {
| text() {
| return this.$t("common.confirm");
| },
| ...mapGetters(['themeStyle'])
| },
| data() {
| return {
| value: 2,
| test: 1,
| href: "https://uniapp.dcloud.io/component/README?id=uniui",
| list: [
| {
| value: 1,
| label: "标签1",
| },
| {
| value: 2,
| label: "标签2",
| },
| {
| value: 3,
| label: "标签3",
| },
| {
| value: 4,
| label: "标签4",
| },
| ],
| };
| },
| methods: {
| aler() {
| this.test++;
| },
| select($ev) {
| // console.log($ev);
| },
| toPing() {
| let d = new Date();
|
| },
| linkSocket() {
| // new Socket(app.socketUrl)
| },
| },
| onLoad() {
|
| this.linkSocket();
|
| },
| };
| </script>
|
| <style lang="scss">
| body{
| --main-color: #06c;
| }
| .colora{
| color:var(--main-color);
| }
| .container {
| font-size: 14px;
| line-height: 24px;
| }
| </style>
|
|
