maochaoying
/
dreamworks-mobile
generated from maochaoying/dreamworks-frontend-template
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

复制微信，去除赛道，调整标题字体

master
maochaoying 2 years ago
parent
bc578e6471
commit
ce5c497faa
7 changed files with 689 additions and 390 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 115
      package-lock.json
  2. 2
      package.json
  3. 22
      src/components/Bottom.vue
  4. 8
      src/components/HeadLine.vue
  5. 9
      src/main.js
  6. 2
      src/pages/index.vue
  7. 921
      yarn.lock

115
package-lock.json
View File

@ -9,9 +9,11 @@
"version": "0.0.0",
"dependencies": {
"autoprefixer": "^10.4.14",
"clipboard": "^2.0.11",
"pinia": "^2.0.32",
"postcss-px-to-viewport": "^1.1.1",
"swiper": "^9.3.2",
"vant": "^4.7.1",
"vue": "^3.2.45",
"vue-router": "^4.0.13",
"vue3-touch-events": "^4.1.3"
@ -51,6 +53,19 @@
"node": ">=12"
}
},
"node_modules/@vant/popperjs": {
"version": "1.3.0",
"resolved": "https://registry.npmmirror.com/@vant/popperjs/-/popperjs-1.3.0.tgz",
"integrity": "sha512-hB+czUG+aHtjhaEmCJDuXOep0YTZjdlRR+4MSmIFnkCQIxJaXLQdSsR90XWvAI2yvKUI7TCGqR8pQg2RtvkMHw=="
},
"node_modules/@vant/use": {
"version": "1.6.0",
"resolved": "https://registry.npmmirror.com/@vant/use/-/use-1.6.0.tgz",
"integrity": "sha512-PHHxeAASgiOpSmMjceweIrv2AxDZIkWXyaczksMoWvKV2YAYEhoizRuk/xFnKF+emUIi46TsQ+rvlm/t2BBCfA==",
"peerDependencies": {
"vue": "^3.0.0"
}
},
"node_modules/@vitejs/plugin-vue": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-4.0.0.tgz",
@ -292,12 +307,27 @@
"fsevents": "~2.3.2"
}
},
"node_modules/clipboard": {
"version": "2.0.11",
"resolved": "https://registry.npmmirror.com/clipboard/-/clipboard-2.0.11.tgz",
"integrity": "sha512-C+0bbOqkezLIsmWSvlsXS0Q0bmkugu7jcfMIACB+RDEntIzQIkdr148we28AfSloQLRdZlYL/QYyrq05j/3Faw==",
"dependencies": {
"good-listener": "^1.2.2",
"select": "^1.1.2",
"tiny-emitter": "^2.0.0"
}
},
"node_modules/csstype": {
"version": "2.6.21",
"resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.21.tgz",
"integrity": "sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w==",
"license": "MIT"
},
"node_modules/delegate": {
"version": "3.2.0",
"resolved": "https://registry.npmmirror.com/delegate/-/delegate-3.2.0.tgz",
"integrity": "sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw=="
},
"node_modules/electron-to-chromium": {
"version": "1.4.433",
"resolved": "https://registry.npmmirror.com/electron-to-chromium/-/electron-to-chromium-1.4.433.tgz",
@ -396,6 +426,14 @@
"node": ">= 6"
}
},
"node_modules/good-listener": {
"version": "1.2.2",
"resolved": "https://registry.npmmirror.com/good-listener/-/good-listener-1.2.2.tgz",
"integrity": "sha512-goW1b+d9q/HIwbVYZzZ6SsTr4IgE+WA44A0GmPIQstuOrgsFcT7VEJ48nmr9GaRtNu0XTKacFLGnBPAM6Afouw==",
"dependencies": {
"delegate": "^3.1.2"
}
},
"node_modules/has": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
@ -678,6 +716,11 @@
"node": ">=12.0.0"
}
},
"node_modules/select": {
"version": "1.1.2",
"resolved": "https://registry.npmmirror.com/select/-/select-1.1.2.tgz",
"integrity": "sha512-OwpTSOfy6xSs1+pwcNrv0RBMOzI39Lp3qQKUTPVVPRjCdNa5JH/oPRiqsesIskK8TVgmRiHwO4KXlV2Li9dANA=="
},
"node_modules/source-map": {
"version": "0.6.1",
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@ -731,6 +774,11 @@
"node": ">= 4.7.0"
}
},
"node_modules/tiny-emitter": {
"version": "2.1.0",
"resolved": "https://registry.npmmirror.com/tiny-emitter/-/tiny-emitter-2.1.0.tgz",
"integrity": "sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q=="
},
"node_modules/to-regex-range": {
"version": "5.0.1",
"resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
@ -759,6 +807,19 @@
"browserslist": ">= 4.21.0"
}
},
"node_modules/vant": {
"version": "4.7.1",
"resolved": "https://registry.npmmirror.com/vant/-/vant-4.7.1.tgz",
"integrity": "sha512-LIzAvTdUVVjBB6NwWpUhClUfUkJvAsc681roEumSZ62ptwwrroCy4HxvSsyf0aSemPqNbPcx0uN+wzENC81eEA==",
"dependencies": {
"@vant/popperjs": "^1.3.0",
"@vant/use": "^1.6.0",
"@vue/shared": "^3.0.0"
},
"peerDependencies": {
"vue": "^3.0.0"
}
},
"node_modules/vite": {
"version": "4.1.4",
"resolved": "https://registry.npmjs.org/vite/-/vite-4.1.4.tgz",
@ -882,6 +943,17 @@
"dev": true,
"optional": true
},
"@vant/popperjs": {
"version": "1.3.0",
"resolved": "https://registry.npmmirror.com/@vant/popperjs/-/popperjs-1.3.0.tgz",
"integrity": "sha512-hB+czUG+aHtjhaEmCJDuXOep0YTZjdlRR+4MSmIFnkCQIxJaXLQdSsR90XWvAI2yvKUI7TCGqR8pQg2RtvkMHw=="
},
"@vant/use": {
"version": "1.6.0",
"resolved": "https://registry.npmmirror.com/@vant/use/-/use-1.6.0.tgz",
"integrity": "sha512-PHHxeAASgiOpSmMjceweIrv2AxDZIkWXyaczksMoWvKV2YAYEhoizRuk/xFnKF+emUIi46TsQ+rvlm/t2BBCfA==",
"requires": {}
},
"@vitejs/plugin-vue": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-4.0.0.tgz",
@ -1063,11 +1135,26 @@
"readdirp": "~3.6.0"
}
},
"clipboard": {
"version": "2.0.11",
"resolved": "https://registry.npmmirror.com/clipboard/-/clipboard-2.0.11.tgz",
"integrity": "sha512-C+0bbOqkezLIsmWSvlsXS0Q0bmkugu7jcfMIACB+RDEntIzQIkdr148we28AfSloQLRdZlYL/QYyrq05j/3Faw==",
"requires": {
"good-listener": "^1.2.2",
"select": "^1.1.2",
"tiny-emitter": "^2.0.0"
}
},
"csstype": {
"version": "2.6.21",
"resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.21.tgz",
"integrity": "sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w=="
},
"delegate": {
"version": "3.2.0",
"resolved": "https://registry.npmmirror.com/delegate/-/delegate-3.2.0.tgz",
"integrity": "sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw=="
},
"electron-to-chromium": {
"version": "1.4.433",
"resolved": "https://registry.npmmirror.com/electron-to-chromium/-/electron-to-chromium-1.4.433.tgz",
@ -1142,6 +1229,14 @@
"is-glob": "^4.0.1"
}
},
"good-listener": {
"version": "1.2.2",
"resolved": "https://registry.npmmirror.com/good-listener/-/good-listener-1.2.2.tgz",
"integrity": "sha512-goW1b+d9q/HIwbVYZzZ6SsTr4IgE+WA44A0GmPIQstuOrgsFcT7VEJ48nmr9GaRtNu0XTKacFLGnBPAM6Afouw==",
"requires": {
"delegate": "^3.1.2"
}
},
"has": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
@ -1320,6 +1415,11 @@
"source-map-js": ">=0.6.2 <2.0.0"
}
},
"select": {
"version": "1.1.2",
"resolved": "https://registry.npmmirror.com/select/-/select-1.1.2.tgz",
"integrity": "sha512-OwpTSOfy6xSs1+pwcNrv0RBMOzI39Lp3qQKUTPVVPRjCdNa5JH/oPRiqsesIskK8TVgmRiHwO4KXlV2Li9dANA=="
},
"source-map": {
"version": "0.6.1",
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@ -1354,6 +1454,11 @@
"ssr-window": "^4.0.2"
}
},
"tiny-emitter": {
"version": "2.1.0",
"resolved": "https://registry.npmmirror.com/tiny-emitter/-/tiny-emitter-2.1.0.tgz",
"integrity": "sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q=="
},
"to-regex-range": {
"version": "5.0.1",
"resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
@ -1372,6 +1477,16 @@
"picocolors": "^1.0.0"
}
},
"vant": {
"version": "4.7.1",
"resolved": "https://registry.npmmirror.com/vant/-/vant-4.7.1.tgz",
"integrity": "sha512-LIzAvTdUVVjBB6NwWpUhClUfUkJvAsc681roEumSZ62ptwwrroCy4HxvSsyf0aSemPqNbPcx0uN+wzENC81eEA==",
"requires": {
"@vant/popperjs": "^1.3.0",
"@vant/use": "^1.6.0",
"@vue/shared": "^3.0.0"
}
},
"vite": {
"version": "4.1.4",
"resolved": "https://registry.npmjs.org/vite/-/vite-4.1.4.tgz",

2
package.json
View File

@ -10,9 +10,11 @@
},
"dependencies": {
"autoprefixer": "^10.4.14",
"clipboard": "^2.0.11",
"pinia": "^2.0.32",
"postcss-px-to-viewport": "^1.1.1",
"swiper": "^9.3.2",
"vant": "^4.7.1",
"vue": "^3.2.45",
"vue-router": "^4.0.13",
"vue3-touch-events": "^4.1.3"

22
src/components/Bottom.vue
View File

@ -20,7 +20,7 @@
<span class="text2">拨打电话</span>
</div>
</div>
<div class="online" @click="addWeChat">
<div class="online copy" @click="addWeChat" data-clipboard-text="CPMGC007">
<img class="img2" :src="A3" alt="" /> <span class="text1">添加微信</span>
</div>
</div>
@ -31,7 +31,9 @@ import A1 from '@/static/img/bottom/kefu.png'
import A2 from '@/static/img/bottom/phone.png'
import A3 from '@/static/img/bottom/wechat.png'
import { useRoute } from 'vue-router'
import { showSuccessToast, showFailToast } from 'vant'
import { ref, onMounted } from 'vue'
import Clipboard from 'clipboard'
const route = useRoute()
const props = defineProps({
isDrag: {
@ -40,11 +42,19 @@ const props = defineProps({
})
const addWeChat = () => {
console.log(window.location)
const origin = window.location.origin
const pathname = window.location.pathname
const p = `${origin}${pathname}#/code`
window.open(p)
// 弹窗显示微信号复制成功 CPMGC007
let clipboard = new Clipboard('.copy')
clipboard.on('success', e => {
showSuccessToast('微信号复制成功')
// 释放内存
clipboard.destroy()
})
clipboard.on('error', e => {
// 不支持复制
showFailToast('该浏览器不支持自动复制')
// 释放内存
clipboard.destroy()
})
}
const toPhone = () => {

8
src/components/HeadLine.vue
View File

@ -7,10 +7,10 @@
}}</span>
{{ !flip ? title : '' }}
</h2>
<div class="scale">
<!-- <div class="scale">
<p class="line1" v-if="line1">{{ line1 }}</p>
<p class="line2" v-if="line2">{{ line2 }}</p>
</div>
</div> -->
</div>
</template>
@ -51,10 +51,10 @@ const props = defineProps({
display: flex;
flex-direction: column;
align-items: center;
padding: 36px 0;
padding: 18px 0;
box-sizing: border-box;
.title_h2 {
font-size: 11px;
font-size: 18px;
font-family: Source Han Sans CN;
font-weight: 500;
color: #191919;

9
src/main.js
View File

@ -3,7 +3,14 @@ import router from './router'
import store from './store'
import App from './App.vue'
import Vue3TouchEvents from 'vue3-touch-events'
import { Toast } from 'vant'
import 'vant/lib/index.css'
import './static/css/reset.css'
import './style.scss'
createApp(App).use(router).use(store).use(Vue3TouchEvents).mount('#app')
createApp(App)
.use(router)
.use(store)
.use(Toast)
.use(Vue3TouchEvents)
.mount('#app')

2
src/pages/index.vue
View File

@ -4,7 +4,7 @@
<CaseShow />
<Hardware />
<MechanicalDrive />
<Track />
<!-- <Track /> -->
<OneStop />
<AboutUs />
<!-- <News /> -->

921
yarn.lock
File diff suppressed because it is too large
View File

Write Preview
Loading…
Cancel
Save