杨狮鼠-CSDN博客

原创 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 767

原创 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 1034

原创 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 578

原创 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 977

原创 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 305

原创 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 259

原创 vue中实现获取验证码倒计时

html部分 <div class="flex"> <el-input class="inputt1" placeholder="请输入验证码" v-model="form.code" > </el-input> <input .

2021-10-11 10:29:32 626

原创 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 829

原创 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 2632

原创 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 2552