|
@@ -103,7 +103,7 @@
|
|
|
<p>无论您身在何处,用户都可以使用“一米世界”通过手机摄像头,实时浏览和查看购物中心、商店、景点、博物馆、商品和交通设施的各种信息。</p>
|
|
<p>无论您身在何处,用户都可以使用“一米世界”通过手机摄像头,实时浏览和查看购物中心、商店、景点、博物馆、商品和交通设施的各种信息。</p>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
- <div class="rightColor"></div>
|
|
|
|
|
|
|
+ <div class="rightColor bg" :style="{backgroundImage:'url('+require('../assets/13.png')+')'}"></div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
@@ -113,7 +113,7 @@
|
|
|
<div>持续更新内容</div>
|
|
<div>持续更新内容</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
- <div class="rightColor"></div>
|
|
|
|
|
|
|
+ <div class="rightColor bg" :style="{backgroundImage:'url('+require('../assets/15.png')+')'}"></div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="left">
|
|
<div class="left">
|
|
@@ -143,13 +143,21 @@
|
|
|
<div class="btn">解决方案</div>
|
|
<div class="btn">解决方案</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="right">
|
|
<div class="right">
|
|
|
- <div class="rightColor"></div>
|
|
|
|
|
|
|
+ <!-- <div class="rightContent">
|
|
|
|
|
+ <div class="top bg" style="font-size:1rem" :style="{backgroundImage:'url('+require('../assets/14.png')+')'}">∞</div>
|
|
|
|
|
+
|
|
|
|
|
+ <p>无论您身在何处,用户都可以使用“一米世界”通过手机摄像头,实时浏览和查看购物中心、商店、景点、博物馆、商品和交通设施的各种信息。</p>
|
|
|
|
|
+ </div>-->
|
|
|
|
|
+ <div class="rightColor bg" :style="{backgroundImage:'url('+require('../assets/17.png')+')'}"></div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="solute solute2">
|
|
<div class="solute solute2">
|
|
|
<div class="right">
|
|
<div class="right">
|
|
|
- <div class="rightColor"></div>
|
|
|
|
|
|
|
+ <!-- <div class="rightContent bg" :style="{backgroundImage:'url('+require('../assets/16.png')+')'}">
|
|
|
|
|
+ <div>其他内容</div>
|
|
|
|
|
+ </div>-->
|
|
|
|
|
+ <div class="rightColor bg" :style="{backgroundImage:'url('+require('../assets/15.png')+')'}"></div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="left">
|
|
<div class="left">
|
|
@@ -179,7 +187,13 @@
|
|
|
<div class="btn">解决方案</div>
|
|
<div class="btn">解决方案</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="right">
|
|
<div class="right">
|
|
|
- <div class="rightColor"></div>
|
|
|
|
|
|
|
+ <!-- <div class="rightContent">
|
|
|
|
|
+ <div class="top bg" :style="{backgroundImage:'url('+require('../assets/14.png')+')'}">1m</div>
|
|
|
|
|
+
|
|
|
|
|
+ <p>无论您身在何处,用户都可以使用“一米世界”通过手机摄像头,实时浏览和查看购物中心、商店、景点、博物馆、商品和交通设施的各种信息。</p>
|
|
|
|
|
+ </div>-->
|
|
|
|
|
+
|
|
|
|
|
+ <div class="rightColor bg" :style="{backgroundImage:'url('+require('../assets/17.png')+')'}"></div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
@@ -218,16 +232,23 @@
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="right">
|
|
<div class="right">
|
|
|
- <el-form ref="form" size="mini" :model="form" label-width="80px" style="max-width:4.66rem;margin-left:0.72rem;">
|
|
|
|
|
|
|
+ <el-form ref="form" size="mini" :model="form" label-position="left" label-width="0.8rem" style="max-width:4.66rem;margin-left:0.72rem;">
|
|
|
<div class="title">留言板</div>
|
|
<div class="title">留言板</div>
|
|
|
<el-form-item label="手机">
|
|
<el-form-item label="手机">
|
|
|
- <el-input v-model="form.phone" type="number"></el-input>
|
|
|
|
|
|
|
+ <el-input v-model="form.phone" style="width:2.2rem"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="地址">
|
|
|
|
|
+ <el-cascader :options="options" v-model="form.selectedOptions" style="width:2.2rem"></el-cascader>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="留言">
|
|
<el-form-item label="留言">
|
|
|
<el-input type="textarea" v-model="form.desc"></el-input>
|
|
<el-input type="textarea" v-model="form.desc"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="验证码">
|
|
<el-form-item label="验证码">
|
|
|
- <el-input v-model="form.yanzhen" type="number"></el-input>
|
|
|
|
|
|
|
+ <div class="yanzhen">
|
|
|
|
|
+ <el-input v-model="form.yanzhen" style="width:1.3rem"></el-input>
|
|
|
|
|
+ <img :src="$baseUrl+'/auth/image?'+autoData" style="height:0.31rem" alt>
|
|
|
|
|
+ <span @click="getAuto">换一张</span>
|
|
|
|
|
+ </div>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label-width="0">
|
|
<el-form-item label-width="0">
|
|
|
<el-button type="primary" @click="onSubmit" style="width:4.66rem">提交</el-button>
|
|
<el-button type="primary" @click="onSubmit" style="width:4.66rem">提交</el-button>
|
|
@@ -236,10 +257,7 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
-
|
|
|
|
|
- <div class="pageBottom">
|
|
|
|
|
- Copyright © 南京一米世界软件科技有限公司 备案号:苏ICP备18010231号
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ <div class="pageBottom">Copyright © 南京一米世界软件科技有限公司 备案号:苏ICP备18010231号</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
@@ -247,6 +265,7 @@
|
|
|
<script>
|
|
<script>
|
|
|
|
|
|
|
|
import Swiper from 'swiper'
|
|
import Swiper from 'swiper'
|
|
|
|
|
+import { citys } from '../city.js'
|
|
|
export default {
|
|
export default {
|
|
|
name: 'home',
|
|
name: 'home',
|
|
|
mounted() {
|
|
mounted() {
|
|
@@ -258,13 +277,34 @@ export default {
|
|
|
})
|
|
})
|
|
|
this.getImgs(19);
|
|
this.getImgs(19);
|
|
|
}, 1000)
|
|
}, 1000)
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
|
|
+ console.log(citys)
|
|
|
},
|
|
},
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
imgList: [],
|
|
imgList: [],
|
|
|
- form: {}
|
|
|
|
|
|
|
+ form: {},
|
|
|
|
|
+ autoData: ''
|
|
|
|
|
+ // options:[]
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ computed: {
|
|
|
|
|
+ options() {
|
|
|
|
|
+ var list = [];
|
|
|
|
|
+ citys.forEach(item => {
|
|
|
|
|
+ var jsonp = {
|
|
|
|
|
+ value: item.provinceName,
|
|
|
|
|
+ label: item.provinceName,
|
|
|
|
|
+ children: []
|
|
|
|
|
+ }
|
|
|
|
|
+ item.citys.forEach(todo => {
|
|
|
|
|
+ jsonp.children.push({
|
|
|
|
|
+ value: todo.citysName,
|
|
|
|
|
+ label: todo.citysName,
|
|
|
|
|
+ })
|
|
|
|
|
+ })
|
|
|
|
|
+ list.push(jsonp)
|
|
|
|
|
+ });
|
|
|
|
|
+ return list;
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
@@ -329,6 +369,9 @@ export default {
|
|
|
},
|
|
},
|
|
|
onSubmit() {
|
|
onSubmit() {
|
|
|
console.log('submit!');
|
|
console.log('submit!');
|
|
|
|
|
+ },
|
|
|
|
|
+ getAuto() {
|
|
|
|
|
+ this.autoData = Date.parse(new Date())
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
@@ -691,6 +734,7 @@ export default {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
justify-content: center;
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
|
|
+ margin-top: 2rem;
|
|
|
.left {
|
|
.left {
|
|
|
margin-left: 2.01rem;
|
|
margin-left: 2.01rem;
|
|
|
.title {
|
|
.title {
|
|
@@ -737,7 +781,7 @@ export default {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.right {
|
|
.right {
|
|
|
- width: 7.62rem;
|
|
|
|
|
|
|
+ width: 7rem;
|
|
|
height: 4.16rem;
|
|
height: 4.16rem;
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
border-radius: 0.1rem;
|
|
border-radius: 0.1rem;
|
|
@@ -751,14 +795,30 @@ export default {
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
margin-bottom: 0.32rem;
|
|
margin-bottom: 0.32rem;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
|
|
+ .yanzhen {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+
|
|
|
|
|
+ img {
|
|
|
|
|
+ margin-left: 0.05rem;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ span{
|
|
|
|
|
+ cursor: pointer;
|
|
|
|
|
+ text-decoration: underline;
|
|
|
|
|
+ color: #524ed1;
|
|
|
|
|
+ margin-left: .1rem;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- .pageBottom{
|
|
|
|
|
|
|
+ .pageBottom {
|
|
|
line-height: 1.24rem;
|
|
line-height: 1.24rem;
|
|
|
font-size: 0.22rem;
|
|
font-size: 0.22rem;
|
|
|
font-weight: lighter;
|
|
font-weight: lighter;
|
|
|
- color: #A4A4A4;
|
|
|
|
|
|
|
+ color: #a4a4a4;
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|