- 博客(10)
- 资源 (1)
- 收藏
- 关注
原创 vuecli使用高德地图,实现自定义信息框,并点击跳转页面
1.public文件夹中index.html引入搞得地图<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.5&key=‘自己的key’"></script>2.html<div class="col"> <div id="container" style="height: 600px"></div></div>
2021-10-11 16:07:24
687
原创 vue结合vant组件实现地区选择
html<div class="item_box d-flex a-center" @click="areaPop = true"> <span>所属区域</span> <input type="text" v-model="buyInfo.address" placeholder="请选择所属区域" readonly
2021-10-11 15:34:59
963
原创 vuecli中结合element ui 实现省市区分开选择,联动选择可以使用element-china-area-data
1.html<template> <div class="mains"> <div class="d-flex"> <el-select v-model="form.valueProvince" @change="changeProvince" placeholder="请选择省" >
2021-10-11 15:26:10
514
原创 vuecli实现视频播放,兼容h5页面安卓和ios的微信浏览器,实现微信分享
1.安装视屏播放插件 "vue-video-player": "^5.0.2",2.html部分 <div class="detailBox"> <video-player class="video-player vjs-custom-skin borRad overH mb15" ref="videoPlayer" webkit-playsinline="true" x-webkit-airpl
2021-10-11 11:14:11
881
原创 vuecli中H5页面实现微信支付
1.安装微信weixin-js-sdk"weixin-js-sdk": "^1.6.0"2.main.js中引用import wx from "weixin-js-sdk";Vue.prototype.$wx = wx;3.页面中使用 //微信转账 async handlerWeixin() { let _this = this; await _this.api.getSubOrder().then((res) => {
2021-10-11 10:45:21
261
原创 vuecli网站实现微信扫码登录
1.在public文件夹index.html引入微信登录<script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>2.html部分 <div class="mt-3 d-flex align-items-center justify-content-center"> <div id="erwei"></div.
2021-10-11 10:36:28
206
原创 vue中实现获取验证码倒计时
html部分 <div class="flex"> <el-input class="inputt1" placeholder="请输入验证码" v-model="form.code" > </el-input> <input .
2021-10-11 10:29:32
590
原创 vuex和sessionStorage实现用户登录信息保存
vuex部分state: { user:sessionStorage.getItem('user') ? JSON.parse(sessionStorage.getItem('user')) : '' }, mutations: { //获取用户信息 getUser(state, user){ state.user = user this.commit('saveUser') }, //退出登录 logoutINn(state,user){ state.u
2021-10-11 10:21:01
771
原创 uniapp中实现搜索功能和历史记录
html部分 <view class="inputBox"> <view class="input_box d-flex a-center"> <uni-icons type="search" size="20"></uni-icons> <input class="flex-1" type="text" v-model="kw" placeholder="请输入搜索内容" @input="input" /> &
2021-10-11 10:06:28
2379
原创 vue导航栏悬浮菜单
html部分<template> <div> <div class="container demoHome d-flex a-center j-sb"> <div class="logo"> <img class="obj-auto" src="../assets/1.png" alt="" /> </div> <div class="flex-1 d-fle.
2021-10-11 10:00:49
2388
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人