Skip to content

G
german_mihuanggame
提交 3ea983ff authored 作者: xiaotuoluo's avatar xiaotuoluo
浏览文件
操作

1

上级 bee8c1a4
全部展开 隐藏空白字符变更
内嵌 并排
正在显示 包含 202 行增加 和 5 行删除
package.json
浏览文件 @ 3ea983ff
......@@ -15,6 +15,7 @@
"js-base64": "^3.7.2",
"js-cookie": "^3.0.5",
"klinecharts": "^9.8.12",
"leaflet": "^1.9.4",
"mitt": "^3.0.1",
"mux.js": "^5.14.0",
"pako": "^2.1.0",
......
src/pages/guide/detail.vue 0 → 100644
浏览文件 @ 3ea983ff
<template>
<div>
<h2 class="text-lg font-bold mb-2">Leaflet 地图示例</h2>
<!-- <div id="map" class="w-full h-96"></div> -->
<div id="map" style="width: 100%; height: 200px;"></div>
</div>
</template>
<script>
import L from 'leaflet'
import 'leaflet/dist/leaflet.css'
export default {
name: 'LeafletMap',
data() {
return {
map: null,
marker: null,
}
},
mounted() {
this.initMap()
},
methods: {
initMap() {
// 固定位置坐标（例如成都锦里）
const location = [1.305611, 103.860150]
// 初始化地图
this.map = L.map('map').setView(location, 15) // 15 是缩放级别
// 添加 OpenStreetMap 图层
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: ''
}).addTo(this.map)
// this.marker = L.marker(location).addTo(this.map).bindPopup('成都锦里')
// 添加 Marker
this.marker = L.marker(location)
.addTo(this.map)
.bindPopup('成都锦里')
.openPopup()
}
}
}
</script>
<style scoped>
#map {
width: 100%;
height: 100%;
}
</style>
\ No newline at end of file
src/pages/guide/index3.vue
浏览文件 @ 3ea983ff
......@@ -45,7 +45,7 @@
<div data-v-3b3fbaa9="">Beliebte Hotels</div>
<div data-v-3b3fbaa9="" class="Rechargelist">
<div data-v-3b3fbaa9="" class="item">
<div data-v-3b3fbaa9=""><img data-v-3b3fbaa9=""
<div data-v-3b3fbaa9=""><img @click="nima" data-v-3b3fbaa9=""
src="https://admin.xianyuxx.motorcycles/upload/b41e05aba2905e8d/76900ad9488ebe24.jpg"
alt="" class="firstimg">
<div data-v-3b3fbaa9=""><img data-v-3b3fbaa9=""
......@@ -97,7 +97,7 @@
</template>
<script>
import { Toast } from 'vant'
// import Footer from '@/components/footer';
export default {
data() {
......@@ -108,7 +108,16 @@ export default {
"https://admin.xianyuxx.motorcycles/upload/d03479d2a6f1d6b9/90cb2339ccbbc472.jpg"
]
}
},
/**
*
*/
methods:{
nima(){
this.$router.push({path:"/detail"})
}
}
}
</script>
......
src/pages/home/home.vue 0 → 100644
浏览文件 @ 3ea983ff
<template>
<div class="home-container">
<!-- 顶部导航 -->
<div style="background-color: #000; height: 50px;">
<div class="van-nav-bar__title">
<div style="height: 40px; margin: 10px 0 0;">
<img src="https://admin.xianyuxx.motorcycles/upload/80dc096a3a8977cd/0cf63ef072b934bc.png" />
</div>
</div>
<div>
<i class="van-icon" style="color:#fff; font-size:24px;"></i>
</div>
</div>
<!-- 轮播图 -->
<div class="banner">
<van-swipe :autoplay="3000" indicator-color="white" style="height: 200px;">
<van-swipe-item v-for="(item, index) in banners" :key="index">
<van-image :src="item.imgUrl" width="100%" height="200px" fit="cover" />
</van-swipe-item>
</van-swipe>
</div>
<!-- 公告栏滚动 -->
<div class="notice-bar">
<van-notice-bar scrollable speed="50" left-icon="volume-o" :text="currentNotice" color="#000"
background="#fff" class="notice-swipe" />
<div class="linear-gradient"></div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
banners: [
{ imgUrl: "https://admin.xianyuxx.motorcycles/upload/e134baf684543f36/ca40561eb9109659.jpg" },
{ imgUrl: "https://admin.xianyuxx.motorcycles/upload/942fd816c80ca783/f1d4aa380230ca67.jpg" }
],
notices: [
"Systeminformationen: Danke famp;uuml;r Ihren Beitritt. Schnallen Sie sich an, denn wir sind gleich dabei, in den Orgasmusmodus zuwechseln. Die Terminzeit ist tamp;auml;glich [11:00-23:00]. ",
"Sollten Sie nach der vereinbarten Zeitanreisen, melden Sie sich bitte am namp;auml;chsten Tag an der Rezeption. Das Personal ist bereit! Verbindungsschritt: Kontaktieren Sie die Rezeption, wamp;auml;hlen Sie eine Frau aus undgenieamp;szlig;en Sie nach Abschluss der Aktivitamp;auml;t ein kostenloses Date in derselben Stadt",
],
currentIndex: 0,
currentNotice: "",
}
},
mounted() {
this.currentNotice = this.notices[0];
setInterval(() => {
this.currentIndex = (this.currentIndex + 1) % this.notices.length;
this.currentNotice = this.notices[this.currentIndex];
}, 5000);
},
}
</script>
<style lang="less" scoped>
.home-container {
position: relative;
min-height: 100vh;
background-color: #fff;
font-family: Yu Gothic, Meiryo, sans-serif;
:deep(.van-nav-bar__title) {
max-width: 90%;
}
}
/* 提示条样式 */
.notice-bar {
position: relative;
padding: 30px;
background: #f3f3f5;
}
.notice-swipe {
background: #fff;
color: #000;
font-weight: 500;
}
/* 控制文字部分 */
:deep(.van-notice-bar__wrap) {
height: 40px;
display: flex;
align-items: center;
font-size: 28px;
line-height: 26px;
}
/* 左侧图标大小 */
:deep(.van-notice-bar__left-icon .van-icon) {
font-size: 32px;
color: #000;
margin-right: 16px;
}
:deep(.van-notice-bar__left-icon img) {
width: 32px;
height: 32px;
margin-right: 10px;
}
/* 渐变遮罩，可选 */
.linear-gradient {
position: absolute;
top: 10px;
right: 10px;
width: 40px;
height: calc(100% - 20px);
background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
}
.banner {
margin-top: 0px;
}
</style>
\ No newline at end of file
src/router/index.js
浏览文件 @ 3ea983ff
import Vue from 'vue'
import VueRouter from 'vue-router'
//首页
import Home from '../pages/home/index.vue'/* 首页 */
import Home from '../pages/home/home.vue'/* 首页 */
import Mine from '../pages/mine/index.vue'/* 我的 */
import Choose from '../pages/choose/index.vue'/* 选妃 */
import List from '../pages/choose/list.vue'/* 选妃列表 */
......@@ -123,6 +123,11 @@ const routes = [
name: 'guide3',
component: () => import('../pages/guide/index3.vue')
},
{
path: '/detail',
name: 'detail',
component: () => import('../pages/guide/detail.vue')
},
];
......
vue.config.js
浏览文件 @ 3ea983ff
......@@ -4,6 +4,8 @@ function resolve(dir) {
return path.join(__dirname, dir);
}
const delegateUrl = "http://172.93.218.201:1516"
// vue.config.js
module.exports = {
configureWebpack: {
......@@ -55,7 +57,7 @@ module.exports = {
"/headerimg": {
// target: "https://gp.nyes.xyz" /**/,
// target: "https://kjbpweb.testurl008.xyz" /**/,
target:"https://www.renodigital.xyz/",
target:delegateUrl,
// target: "https://www.dropsx.xyz" /**/,
// target: process.env.test.VUE_APP_SERVER, /**/
......@@ -69,7 +71,7 @@ module.exports = {
// target: "https://gp.nyes.xyz" /**/,
// target: "https://kjbpweb.testurl008.xyz" /**/,
// target: "https://drop2j0y0s.xyz/" /**/,
target:"https://www.renodigital.xyz/",
target:delegateUrl,
// target: process.env.test.VUE_APP_SERVER, /**/
// ws: true, // 是否启用websockets
changeOrigin: true, //开启代理：在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题
......
yarn.lock
浏览文件 @ 3ea983ff
差异被折叠。
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论