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.
96 lines
1.9 KiB
96 lines
1.9 KiB
<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>
|
|
|