Skip to content

C
csdn-datav

2201_75823809 / csdn-datav
与 Fork 源项目一致

Fork自 uoyizcat / csdn-datav

通知 1
Star 0
Fork 0
C
csdn-datav

前往新版Gitcode，体验更适合开发者的 AI 搜索 >>

提交 32d0f9fe 编写于 作者: Ivine11's avatar Ivine11
浏览文件
操作

cityInfo

上级 9e2b6ab2
隐藏空白更改
内联 并排
Showing with 890 addition and 59 deletion
package.json
浏览文件 @ 32d0f9fe
......@@ -18,7 +18,9 @@
"sass-loader": "^10.0.1",
"vant": "^2.12.9",
"vue": "^2.6.14",
"vue-router": "^3.1.3"
"vue-router": "^3.1.3",
"vue-seamless-scroll": "^1.1.23",
"vuetify": "^2.6.0"
},
"devDependencies": {
"@babel/core": "^7.12.16",
......@@ -31,8 +33,12 @@
"eslint-plugin-vue": "^8.0.3",
"postcss": "^8.2.8",
"postcss-pxtorem": "^5.1.1",
"sass": "~1.32.0",
"sass-loader": "^10.0.0",
"shx": "^0.3.4",
"vue-template-compiler": "^2.6.14"
"vue-cli-plugin-vuetify": "~2.5.8",
"vue-template-compiler": "^2.6.14",
"vuetify-loader": "^1.7.0"
},
"eslintConfig": {
"root": true,
......
public/index.html
浏览文件 @ 32d0f9fe
<!DOCTYPE html>
<html lang="">
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
......@@ -7,6 +7,8 @@
<link rel="icon" href="https://g.csdnimg.cn/static/logo/favicon32.ico">
<title><%= htmlWebpackPlugin.options.title %></title>
<script src="https://webapi.amap.com/maps?v=1.4.15&key=968f3f24decdc7564a37458565d50ad7&plugin=AMap.Scale,AMap.ToolBar"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
</head>
<body>
<noscript>
......
src/assets/logo.svg 0 → 100644
浏览文件 @ 32d0f9fe
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 87.5 100"><defs><style>.cls-1{fill:#1697f6;}.cls-2{fill:#7bc6ff;}.cls-3{fill:#1867c0;}.cls-4{fill:#aeddff;}</style></defs><title>Artboard 46</title><polyline class="cls-1" points="43.75 0 23.31 0 43.75 48.32"/><polygon class="cls-2" points="43.75 62.5 43.75 100 0 14.58 22.92 14.58 43.75 62.5"/><polyline class="cls-3" points="43.75 0 64.19 0 43.75 48.32"/><polygon class="cls-4" points="64.58 14.58 87.5 14.58 43.75 100 43.75 62.5 64.58 14.58"/></svg>
src/components/HelloWorld.vue
浏览文件 @ 32d0f9fe
<template>
<div class="hello">
<h1>{{ msg }}</h1>
<p>
For a guide and recipes on how to configure / customize this project,<br>
check out the
<a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
</p>
<h3>Installed CLI Plugins</h3>
<ul>
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
</ul>
<h3>Essential Links</h3>
<ul>
<li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
<li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
<li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
<li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
<li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
</ul>
<h3>Ecosystem</h3>
<ul>
<li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
<li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
<li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
<li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
<li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
</ul>
</div>
<v-container>
<v-row class="text-center">
<v-col cols="12">
<v-img
:src="require('../assets/logo.svg')"
class="my-3"
contain
height="200"
/>
</v-col>
<v-col class="mb-4">
<h1 class="display-2 font-weight-bold mb-3">
Welcome to Vuetify
</h1>
<p class="subheading font-weight-regular">
For help and collaboration with other Vuetify developers,
<br>please join our online
<a
href="https://community.vuetifyjs.com"
target="_blank"
>Discord Community</a>
</p>
</v-col>
<v-col
class="mb-5"
cols="12"
>
<h2 class="headline font-weight-bold mb-3">
What's next?
</h2>
<v-row justify="center">
<a
v-for="(next, i) in whatsNext"
:key="i"
:href="next.href"
class="subheading mx-3"
target="_blank"
>
{{ next.text }}
</a>
</v-row>
</v-col>
<v-col
class="mb-5"
cols="12"
>
<h2 class="headline font-weight-bold mb-3">
Important Links
</h2>
<v-row justify="center">
<a
v-for="(link, i) in importantLinks"
:key="i"
:href="link.href"
class="subheading mx-3"
target="_blank"
>
{{ link.text }}
</a>
</v-row>
</v-col>
<v-col
class="mb-5"
cols="12"
>
<h2 class="headline font-weight-bold mb-3">
Ecosystem
</h2>
<v-row justify="center">
<a
v-for="(eco, i) in ecosystem"
:key="i"
:href="eco.href"
class="subheading mx-3"
target="_blank"
>
{{ eco.text }}
</a>
</v-row>
</v-col>
</v-row>
</v-container>
</template>
<script>
export default {
name: 'HelloWorld',
props: {
msg: String
export default {
name: 'HelloWorld',
data: () => ({
ecosystem: [
{
text: 'vuetify-loader',
href: 'https://github.com/vuetifyjs/vuetify-loader',
},
{
text: 'github',
href: 'https://github.com/vuetifyjs/vuetify',
},
{
text: 'awesome-vuetify',
href: 'https://github.com/vuetifyjs/awesome-vuetify',
},
],
importantLinks: [
{
text: 'Documentation',
href: 'https://vuetifyjs.com',
},
{
text: 'Chat',
href: 'https://community.vuetifyjs.com',
},
{
text: 'Made with Vuetify',
href: 'https://madewithvuejs.com/vuetify',
},
{
text: 'Twitter',
href: 'https://twitter.com/vuetifyjs',
},
{
text: 'Articles',
href: 'https://medium.com/vuetify',
},
],
whatsNext: [
{
text: 'Explore components',
href: 'https://vuetifyjs.com/components/api-explorer',
},
{
text: 'Select a layout',
href: 'https://vuetifyjs.com/getting-started/pre-made-layouts',
},
{
text: 'Frequently Asked Questions',
href: 'https://vuetifyjs.com/getting-started/frequently-asked-questions',
},
],
}),
}
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h3 {
margin: 40px 0 0;
}
ul {
list-style-type: none;
padding: 0;
}
li {
display: inline-block;
margin: 0 10px;
}
a {
color: #42b983;
}
</style>
src/components/cityInfo/QA.vue 0 → 100644
浏览文件 @ 32d0f9fe
<template>
<div style="float:left">
<!-- <v-btn @click="toForce()">toForce</v-btn> -->
<v-card style="width: 400px;">
<vueSeamlessScroll :data="listData" :class-option="optionHover" class="seamless-warp">
<div v-for="(item,index) in listData" :key="index">
<v-card
width=100%
height="120px"
style="margin-top: 20px;"
>
<v-card-title style="font-size: 20px;margin-top: 20px;">
{{item.Q}}
</v-card-title>
<v-card-subtitle
style="margin-top: 10px; color: #66BB6A;"
>答主:{{item.up}}</v-card-subtitle>
<div class="text-ellipsis-two"
style="margin-top: 15px;font-size: 16px;"
>答：{{item.Q}}</div>
<div
style="margin-top: 10px;color: #AFB42B;"
>
<span>回答时间:{{item.time}} 采纳比率:{{item.rate}}</span>
</div>
</v-card>
</div>
</vueSeamlessScroll>
</v-card>
</div>
</template>
<script>
import vueSeamlessScroll from 'vue-seamless-scroll';
export default {
components:{
vueSeamlessScroll
},
data () {
return {
title:[
"企业名称",
"排放设备名称",
"监测点名称",
"项目名称",
"实测浓度",
"折算浓度",
"采样时间",
"检测单位",
],
listData: [
{
Q:"电脑有安全卫士2345了",
A:"怎么完卸掉安全卫士2345？我删了但是总会自己出现，还会安装软件",
time:"2022-11-10 22:23 ",
rate:"1%",
up:"m0_74192129"
},
{
Q:"win10每次重启之后会提示设置指纹",
A:"每次重启都这样 请问怎么办啊 每次开机都很耗时间",
time:"2022-11-10 22:23 ",
rate:"1%",
up:"滴滴答答的啊"
},
{
Q:"电脑有安全卫士2345了",
A:"怎么完卸掉安全卫士2345？我删了但是总会自己出现，还会安装软件",
time:"2022-11-10 22:23 ",
rate:"1%",
up:"m0_74192129"
},
{
Q:"win10每次重启之后会提示设置指纹",
A:"每次重启都这样 请问怎么办啊 每次开机都很耗时间",
time:"2022-11-10 22:23 ",
rate:"1%",
up:"滴滴答答的啊"
},
{
Q:"电脑有安全卫士2345了",
A:"怎么完卸掉安全卫士2345？我删了但是总会自己出现，还会安装软件",
time:"2022-11-10 22:23 ",
rate:"1%",
up:"m0_74192129"
},
{
Q:"win10每次重启之后会提示设置指纹",
A:"每次重启都这样 请问怎么办啊 每次开机都很耗时间",
time:"2022-11-10 22:23 ",
rate:"1%",
up:"滴滴答答的啊"
},
{
Q:"电脑有安全卫士2345了",
A:"怎么完卸掉安全卫士2345？我删了但是总会自己出现，还会安装软件",
time:"2022-11-10 22:23 ",
rate:"1%",
up:"m0_74192129"
},
{
Q:"win10每次重启之后会提示设置指纹",
A:"每次重启都这样 请问怎么办啊 每次开机都很耗时间",
time:"2022-11-10 22:23 ",
rate:"1%",
up:"滴滴答答的啊"
},
{
Q:"电脑有安全卫士2345了",
A:"怎么完卸掉安全卫士2345？我删了但是总会自己出现，还会安装软件",
time:"2022-11-10 22:23 ",
rate:"1%",
up:"m0_74192129"
},
{
Q:"win10每次重启之后会提示设置指纹",
A:"每次重启都这样 请问怎么办啊 每次开机都很耗时间",
time:"2022-11-10 22:23 ",
rate:"1%",
up:"滴滴答答的啊"
},
{
Q:"电脑有安全卫士2345了",
A:"怎么完卸掉安全卫士2345？我删了但是总会自己出现，还会安装软件",
time:"2022-11-10 22:23 ",
rate:"1%",
up:"m0_74192129"
},
{
Q:"win10每次重启之后会提示设置指纹",
A:"每次重启都这样 请问怎么办啊 每次开机都很耗时间",
time:"2022-11-10 22:23 ",
rate:"1%",
up:"滴滴答答的啊"
},
{
Q:"电脑有安全卫士2345了",
A:"怎么完卸掉安全卫士2345？我删了但是总会自己出现，还会安装软件",
time:"2022-11-10 22:23 ",
rate:"1%",
up:"m0_74192129"
},
{
Q:"win10每次重启之后会提示设置指纹",
A:"每次重启都这样 请问怎么办啊 每次开机都很耗时间",
time:"2022-11-10 22:23 ",
rate:"1%",
up:"滴滴答答的啊"
},
]
}
},
computed: {
optionHover () {
return {
/*悬停*/
hoverStop: true,
/*速度*/
step:0.9,
//step: 0.2, // 数值越大速度滚动越快
// limitMoveNum: 1, // 开始无缝滚动的数据量 this.dataList.length
//hoverStop: true, // 是否开启鼠标悬停stop
//direction: 1, // 0向下 1向上 2向左 3向右
//openWatch: true, // 开启数据实时监控刷新dom
//singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
//singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3
//waitTime: 1000 // 单步运动停止的时间(默认值1000ms)
}
}
},
methods:{
toForce(){
this.$router.push('/force')
}
}
}
</script>
<style scoped>
/* .content1 {
width: 600px;
height: 100%;
overflow: hidden;
display: inline-block;
font-size: 14px;
} */
.seamless-warp {
height: 3000px;
overflow: hidden;
width: 100%;
text-align: left;
}
.first_tr{
display: flex;
}
.first_tr th{
flex: 1;
text-align: left;
}
.itemli{
width: 100%;
height: 20px;
display: flex;
color: aliceblue;
}
.itemli:nth-of-type(even){
background-color: #02253B;
}
.itemli:nth-of-type(odd){
background-color: #0F2F44;
}
/* .itemli:first-of-type{
background-color: #133960;
} */
.itemli span{
flex: 1;
}
.text-ellipsis-two {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.action-btn{
background-color: transparent;
box-shadow: none;
}
</style>
src/components/cityInfo/blog.vue 0 → 100644
浏览文件 @ 32d0f9fe
<template>
<div style="float:left">
<!-- <v-btn @click="toForce()">toForce</v-btn> -->
<v-card style="width: 700px;">
<vueSeamlessScroll :data="listData" :class-option="optionHover" class="seamless-warp">
<div v-for="(item,index) in listData" :key="index">
<v-card
width=100%
height="150px"
style="margin-top: 20px;"
>
<v-card-title style="font-size: 20px;margin-top: 20px;">
{{item.name}}
</v-card-title>
<v-card-subtitle
style="margin-top: 10px; color: #E53935;"
>发布up主：滴滴滴滴滴答答答答</v-card-subtitle>
<div v-text="item.abstract" class="text-ellipsis-two"
style="margin-top: 15px;"
></div>
<div
style="margin-top: 10px;color: #64B5F6;"
>
<span>发布时间:{{item.publishTime}} 阅读量:{{item.readNum}} 点赞量:{{item.starNum}} 评论量:{{item.commentNum}}</span>
</div>
</v-card>
</div>
</vueSeamlessScroll>
</v-card>
</div>
</template>
<script>
import vueSeamlessScroll from 'vue-seamless-scroll';
export default {
components:{
vueSeamlessScroll
},
data () {
return {
title:[
"企业名称",
"排放设备名称",
"监测点名称",
"项目名称",
"实测浓度",
"折算浓度",
"采样时间",
"检测单位",
],
listData: [
{name:"【双十一特辑】爱心代码（程序员的浪漫）-李峋",
abstract:"《点燃我温暖你》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄最近弟们教学一波爱心代码，赶在双十一前表白，让这个双十一不在是孤单一个人！",
publishTime:"2022-20-11 2:12",
readNum:123,
starNum:321,
commentNum:456
},
{name:"关于python中break和else的问题",
abstract:"最近《点燃我温暖你》中李峋的爱心代《点燃《点燃我温暖你》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄最近弟们教学一波爱心代码，赶我温暖你》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄最近弟们教学一波爱心代码，赶码超级火，看着特别心动，这不，光棍节快到了，给兄弟们教学一波爱心代码，赶在双十一前表白，让这个双十一不在是孤单一个人！",
publishTime:"2022-20-11 2:12",
readNum:123,
starNum:321,
commentNum:456
},
{name:"【双十一特辑】爱心代码（程序员的浪漫）-李峋",
abstract:"最近《点燃我温暖你《点燃我温暖你》中李峋的爱心《点燃我温暖你》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄最近弟们教学一波爱心代码，赶代码超级火，看着特别心动，这不，光棍节快到了，给兄最近弟们教学一波爱心代码，赶》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄弟们教学一波爱心代码，赶在双十一前表白，让这个双十一不在是孤单一个人！",
publishTime:"2022-20-11 2:12",
readNum:123,
starNum:321,
commentNum:456
},
{name:"关于python中break和else的问题",
abstract:"最近《点燃我温暖你》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄弟们教学一波爱心代码，赶在双十一前表白，让这个双十一不在是孤单一个人！",
publishTime:"2022-20-11 2:12",
readNum:123,
starNum:321,
commentNum:456
},
{name:"【双十一特辑】爱心代码（程序员的浪漫）-李峋",
abstract:"最近《点燃我温暖你《点燃我温暖你》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄最近弟们教学一波爱心代码，赶《点燃我温暖你》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄最近弟们教学一波爱心代码，赶》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄弟们教学一波爱心代码，赶在双十一前表白，让这个双十一不在是孤单一个人！",
publishTime:"2022-20-11 2:12",
readNum:123,
starNum:321,
commentNum:456
},
{name:"关于python中break和else的问题",
abstract:"最近《点燃我温暖你《点燃我温暖你》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄最近弟们教学一波爱心代码，赶《点燃我温暖你》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄最近弟们教学一波爱心代码，赶》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄弟们教学一波爱心代码，赶在双十一前表白，让这个双十一不在是孤单一个人！",
publishTime:"2022-20-11 2:12",
readNum:123,
starNum:321,
commentNum:456
},
{name:"【双十一特辑】爱心代码（程序员的浪漫）-李峋",
abstract:"最近《点燃我温暖你《点燃我温暖你》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄最近弟们教学一波爱心代码，赶《点燃我温暖你》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄最近弟们教学一波爱心代码，赶》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄弟们教学一波爱心代码，赶在双十一前表白，让这个双十一不在是孤单一个人！",
publishTime:"2022-20-11 2:12",
readNum:123,
starNum:321,
commentNum:456
},
{name:"关于python中break和else的问题",
abstract:"最近《点燃我温暖你《点燃我温暖你》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄最近弟们教学一波爱心代码，赶《点燃我温暖你》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄最近弟们教学一波爱心代码，赶》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄弟们教学一波爱心代码，赶在双十一前表白，让这个双十一不在是孤单一个人！",
publishTime:"2022-20-11 2:12",
readNum:123,
starNum:321,
commentNum:456
},
{name:"【双十一特辑】爱心代码（程序员的浪漫）-李峋",
abstract:"最近《点燃我温暖你《点燃我温暖你》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄最近弟们教学一波爱心代码，赶《点燃我温暖你》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄最近弟们教学一波爱心代码，赶》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄弟们教学一波爱心代码，赶在双十一前表白，让这个双十一不在是孤单一个人！",
publishTime:"2022-20-11 2:12",
readNum:123,
starNum:321,
commentNum:456
},
]
}
},
computed: {
optionHover () {
return {
/*悬停*/
hoverStop: true,
/*速度*/
step:1.0,
//step: 0.2, // 数值越大速度滚动越快
// limitMoveNum: 1, // 开始无缝滚动的数据量 this.dataList.length
//hoverStop: true, // 是否开启鼠标悬停stop
//direction: 1, // 0向下 1向上 2向左 3向右
//openWatch: true, // 开启数据实时监控刷新dom
//singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
//singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3
//waitTime: 1000 // 单步运动停止的时间(默认值1000ms)
}
}
},
methods:{
toForce(){
this.$router.push('/force')
}
}
}
</script>
<style scoped>
/* .content1 {
width: 600px;
height: 100%;
overflow: hidden;
display: inline-block;
font-size: 14px;
} */
.seamless-warp {
height: 4000px;
overflow: hidden;
width: 100%;
text-align: left;
}
.first_tr{
display: flex;
}
.first_tr th{
flex: 1;
text-align: left;
}
.itemli{
width: 100%;
height: 20px;
display: flex;
color: aliceblue;
}
.itemli:nth-of-type(even){
background-color: #02253B;
}
.itemli:nth-of-type(odd){
background-color: #0F2F44;
}
/* .itemli:first-of-type{
background-color: #133960;
} */
.itemli span{
flex: 1;
}
.text-ellipsis-two {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.action-btn{
background-color: transparent;
box-shadow: none;
}
</style>
src/main.js
浏览文件 @ 32d0f9fe
......@@ -3,9 +3,11 @@ import App from './App.vue'
import router from './router.js'
import './components/element-ui/element.js'
import './components/vant-ui'
import vuetify from './plugins/vuetify'
Vue.config.productionTip = false
new Vue({
router,
render: h => h(App),
vuetify,
render: h => h(App)
}).$mount('#app')
src/plugins/vuetify.js 0 → 100644
浏览文件 @ 32d0f9fe
import Vue from 'vue';
import Vuetify from 'vuetify/lib/framework';
Vue.use(Vuetify);
export default new Vuetify({
});
src/router.js
浏览文件 @ 32d0f9fe
......@@ -4,6 +4,11 @@ import VueRouter from 'vue-router';
import {isMobile} from "@/common/util"
// 定义路由, 创建路由配置项
const routes = [
{
path:'/cityInfo',
name:'cityInfo',
component:() => import('./view/pc/cityInfo.vue')
},
{
path: '/',
name: 'pcmap',
......@@ -43,6 +48,7 @@ const routes = [
pageSpm: '1011.2266'
}
},
]
},
{
......
src/view/pc/cityInfo.vue 0 → 100644
浏览文件 @ 32d0f9fe
<template>
<div style="width:100%; ">
<blogVue style="margin-top: 100px;margin-left: 100px;"></blogVue>
<QAVue style="margin-top: 100px;margin-left: 50px;"></QAVue>
</div>
<!-- <div class="content1" style="margin-top: 50px;">
<vueSeamlessScroll :data="listData" :class-option="optionHover" class="seamless-warp">
<div v-for="(item,index) in listData" :key="index">
<v-card
width=100%
height="150px"
style="margin-top: 20px;"
>
<v-card-title style="font-size: 20px;margin-top: 20px;">
{{item.name}}
</v-card-title>
<v-card-subtitle
style="margin-top: 10px; color: #E53935;"
>发布up主：滴滴滴滴滴答答答答</v-card-subtitle>
<div v-text="item.abstract" class="text-ellipsis-two"
style="margin-top: 15px;"
></div>
<div
style="margin-top: 10px;color: #64B5F6;"
>
<span>发布时间:{{item.publishTime}} 阅读量:{{item.readNum}} 点赞量:{{item.starNum}} 评论量:{{item.commentNum}}</span>
</div>
</v-card>
</div>
</vueSeamlessScroll>
</div> -->
</template>
<script>
import vueSeamlessScroll from 'vue-seamless-scroll';
import blogVue from '@/components/cityInfo/blog.vue';
import QAVue from '@/components/cityInfo/QA.vue'
export default {
components:{
vueSeamlessScroll,
blogVue,
QAVue
},
data () {
return {
title:[
"企业名称",
"排放设备名称",
"监测点名称",
"项目名称",
"实测浓度",
"折算浓度",
"采样时间",
"检测单位",
],
listData: [
{name:"【双十一特辑】爱心代码（程序员的浪漫）-李峋",
abstract:"《点燃我温暖你》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄最近弟们教学一波爱心代码，赶在双十一前表白，让这个双十一不在是孤单一个人！",
publishTime:"2022-20-11 2:12",
readNum:123,
starNum:321,
commentNum:456
},
{name:"关于python中break和else的问题",
abstract:"最近《点燃我温暖你》中李峋的爱心代《点燃《点燃我温暖你》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄最近弟们教学一波爱心代码，赶我温暖你》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄最近弟们教学一波爱心代码，赶码超级火，看着特别心动，这不，光棍节快到了，给兄弟们教学一波爱心代码，赶在双十一前表白，让这个双十一不在是孤单一个人！",
publishTime:"2022-20-11 2:12",
readNum:123,
starNum:321,
commentNum:456
},
{name:"【双十一特辑】爱心代码（程序员的浪漫）-李峋",
abstract:"最近《点燃我温暖你《点燃我温暖你》中李峋的爱心《点燃我温暖你》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄最近弟们教学一波爱心代码，赶代码超级火，看着特别心动，这不，光棍节快到了，给兄最近弟们教学一波爱心代码，赶》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄弟们教学一波爱心代码，赶在双十一前表白，让这个双十一不在是孤单一个人！",
publishTime:"2022-20-11 2:12",
readNum:123,
starNum:321,
commentNum:456
},
{name:"关于python中break和else的问题",
abstract:"最近《点燃我温暖你》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄弟们教学一波爱心代码，赶在双十一前表白，让这个双十一不在是孤单一个人！",
publishTime:"2022-20-11 2:12",
readNum:123,
starNum:321,
commentNum:456
},
{name:"【双十一特辑】爱心代码（程序员的浪漫）-李峋",
abstract:"最近《点燃我温暖你《点燃我温暖你》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄最近弟们教学一波爱心代码，赶《点燃我温暖你》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄最近弟们教学一波爱心代码，赶》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄弟们教学一波爱心代码，赶在双十一前表白，让这个双十一不在是孤单一个人！",
publishTime:"2022-20-11 2:12",
readNum:123,
starNum:321,
commentNum:456
},
{name:"关于python中break和else的问题",
abstract:"最近《点燃我温暖你《点燃我温暖你》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄最近弟们教学一波爱心代码，赶《点燃我温暖你》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄最近弟们教学一波爱心代码，赶》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄弟们教学一波爱心代码，赶在双十一前表白，让这个双十一不在是孤单一个人！",
publishTime:"2022-20-11 2:12",
readNum:123,
starNum:321,
commentNum:456
},
{name:"【双十一特辑】爱心代码（程序员的浪漫）-李峋",
abstract:"最近《点燃我温暖你《点燃我温暖你》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄最近弟们教学一波爱心代码，赶《点燃我温暖你》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄最近弟们教学一波爱心代码，赶》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄弟们教学一波爱心代码，赶在双十一前表白，让这个双十一不在是孤单一个人！",
publishTime:"2022-20-11 2:12",
readNum:123,
starNum:321,
commentNum:456
},
{name:"关于python中break和else的问题",
abstract:"最近《点燃我温暖你《点燃我温暖你》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄最近弟们教学一波爱心代码，赶《点燃我温暖你》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄最近弟们教学一波爱心代码，赶》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄弟们教学一波爱心代码，赶在双十一前表白，让这个双十一不在是孤单一个人！",
publishTime:"2022-20-11 2:12",
readNum:123,
starNum:321,
commentNum:456
},
{name:"【双十一特辑】爱心代码（程序员的浪漫）-李峋",
abstract:"最近《点燃我温暖你《点燃我温暖你》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄最近弟们教学一波爱心代码，赶《点燃我温暖你》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄最近弟们教学一波爱心代码，赶》中李峋的爱心代码超级火，看着特别心动，这不，光棍节快到了，给兄弟们教学一波爱心代码，赶在双十一前表白，让这个双十一不在是孤单一个人！",
publishTime:"2022-20-11 2:12",
readNum:123,
starNum:321,
commentNum:456
},
]
}
},
computed: {
optionHover () {
return {
/*悬停*/
hoverStop: true,
/*速度*/
step:0.7,
//step: 0.2, // 数值越大速度滚动越快
// limitMoveNum: 1, // 开始无缝滚动的数据量 this.dataList.length
//hoverStop: true, // 是否开启鼠标悬停stop
//direction: 1, // 0向下 1向上 2向左 3向右
//openWatch: true, // 开启数据实时监控刷新dom
//singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
//singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3
//waitTime: 1000 // 单步运动停止的时间(默认值1000ms)
}
}
},
methods:{
toForce(){
this.$router.push('/force')
}
}
}
</script>
<style scoped>
.csdn-datav {
height: 100%;
display: flex;
flex-direction: column;
overflow: auto;
background: #0B1224;
background-image: url("@/assets/img/map-back.png");
background-size: cover;
}
.content1 {
width: 600px;
height: 100%;
overflow: hidden;
display: inline-block;
/* border: 1px solid #17678b; */
font-size: 14px;
}
.table {
width: 100%;
height: 20px;
/* color: aliceblue; */
background-color: #10365B;
/* color: black; */
color: aliceblue;
margin-top: 5px;
font-size: small;
font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
}
.seamless-warp {
height: 600px;
overflow: hidden;
width: 100%;
text-align: left;
width: 100%;
}
.first_tr{
display: flex;
}
.first_tr th{
flex: 1;
text-align: left;
}
.itemli{
width: 100%;
height: 20px;
display: flex;
color: aliceblue;
}
.itemli:nth-of-type(even){
background-color: #02253B;
}
.itemli:nth-of-type(odd){
background-color: #0F2F44;
}
/* .itemli:first-of-type{
background-color: #133960;
} */
.itemli span{
flex: 1;
}
.text-ellipsis-two {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.action-btn{
background-color: transparent;
box-shadow: none;
}
</style>
src/view/pc/force.vue
浏览文件 @ 32d0f9fe
<template>
<!-- -->
<div class="force">
<!-- <v-btn @click="toCityInfo">toCityInfo</v-btn> -->
<div class="map">
<ForceMap :optionList="optionList" :mapStyle="mapStyle" title="原力值" @setrankList="setrankList"/>
</div>
......@@ -53,6 +55,10 @@ export default {
setrankList(data){
this.rankData = data.list
this.city = data.city
},
toCityInfo(){
this.$router.push('./cityInfo')
console.log('toCityInfo')
}
},
created(){
......
src/view/wap/force.vue
浏览文件 @ 32d0f9fe
<template>
<!-- -->
<div class="force ranklist">
<div class="go back" @click="clear" v-if="city !== '全国'">
<img src="@/assets/img/backoff.png" alt="">
</div>
......
src/view/wap/home.vue
浏览文件 @ 32d0f9fe
<template>
<!-- -->
<div class="csdn-datav-m" @click="navAdd(true)">
<div class="nav back" @click.stop="navAdd(navFlag)" style="z-index:13;">
<div class="nav-box">
<img src="@/assets/img/menu-m.png" alt="">
......
vue.config.js
浏览文件 @ 32d0f9fe
......@@ -9,12 +9,14 @@ if (process.env.NODE_ENV === 'production') {
}
module.exports = defineConfig({
assetsDir: 'csdn-datav',
transpileDependencies: true,
transpileDependencies: [
'vuetify'
],
lintOnSave:false,
publicPath:publicPath,
devServer: {
allowedHosts:'all',
host: 'loc.csdn.net',
host: '0.0.0.0',
headers: {
'Access-Control-Allow-Origin': '*'
}
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或