Browse Source

页面样式优化

master
xuhuajiao 2 weeks ago
parent
commit
1c5f874397
  1. 3
      src/assets/styles/index.scss
  2. 2
      src/views/map/index.vue
  3. 6
      src/views/pageFour/index.vue

3
src/assets/styles/index.scss

@ -81,7 +81,8 @@
background: url('~@/assets/images/header-bg.png') no-repeat top left; background: url('~@/assets/images/header-bg.png') no-repeat top left;
background-size: cover; background-size: cover;
h2 { h2 {
font-size: .375rem;
// font-size: .375rem;
font-size: .55rem;
font-weight: bold; font-weight: bold;
line-height: .75rem; line-height: .75rem;
text-align: center; text-align: center;

2
src/views/map/index.vue

@ -479,8 +479,6 @@ export default {
itemStyle: { itemStyle: {
normal: { normal: {
color: function(params) { color: function(params) {
console.log('点位名称:', params.name) //
// //
function createRadialGradient(centerColor, edgeColor) { function createRadialGradient(centerColor, edgeColor) {
// x0, y0, r0, x1, y1, r1 // x0, y0, r0, x1, y1, r1

6
src/views/pageFour/index.vue

@ -129,7 +129,7 @@ export default {
config: { config: {
waitBeforeScroll: 3000, // 3 waitBeforeScroll: 3000, // 3
waitAfterScroll: 1000, // 1 waitAfterScroll: 1000, // 1
scrollSpeed: 40 // px/
scrollSpeed: 60 // px/
} }
} }
}, },
@ -213,9 +213,8 @@ export default {
console.error('Error', error) console.error('Error', error)
}) })
}, },
//
//
playNoticeByIndex(index) { playNoticeByIndex(index) {
//
clearTimeout(this.scrollTimer) clearTimeout(this.scrollTimer)
clearTimeout(this.waitTimer) clearTimeout(this.waitTimer)
@ -251,6 +250,7 @@ export default {
// //
pEl.style.setProperty('--scroll-duration', `${scrollDuration}s`) pEl.style.setProperty('--scroll-duration', `${scrollDuration}s`)
pEl.classList.add('scroll-animation') pEl.classList.add('scroll-animation')
console.log('scrollDuration', scrollDuration)
// 4. // 4.
this.scrollTimer = setTimeout(() => { this.scrollTimer = setTimeout(() => {

Loading…
Cancel
Save