- 博客(55)
- 收藏
- 关注
原创 flutter(学习日记篇-1)
①找到下载的flutter文件夹,双击flutter_console,弹出控制台,输入flutter后回车等待配置依赖。(没有path就新建),然后找到刚才下载的flutter的位置,点击目录bin。②配置完成后检查--输入flutter doctor--可以看到一些版本信息等。①在系统中找到环境变量的配置位置,在用户变量模块中选中变量为。②之后就可以在查看-命令面板中创建flutter项目。1.下载sdk---------flutter官网。②国内用户需要配置的环境变量。3.配置flutter。
2024-04-21 18:00:13 425 1
原创 渐变圆角边框css
background-image的第一个to right 是按钮的底色,第二个to right 是渐变的边框的两个颜色。样式要求:渐变边框 + 圆角。
2023-09-20 15:37:03 647
原创 uniapp 模糊搜索文字添加颜色
项目场景:项目场景:最近写商城模块,遇到了搜索功能。模糊搜索,搜素框中的文字和检索出的内容一样的字添加颜色。问题描述例如:模糊搜索,搜素框中的文字和检索出的内容一样的字添加颜色。 分析:首先要拿input中的进行对比 有就给文字添加颜色解决方案:将后台给的文字拆成数组逐一对比:<view class="content_list"> <view class="list_infor" v-for="(item,index)...
2022-04-20 13:22:32 930
原创 获取手机验证码倒计时功能
倒计时:例如:登录页面获取手机验证码登录代码:/*text:'获取验证码' => 按钮的初始展示样式是获取验证码disabled:false, => 是否禁用按钮 防止用户在短时间内多次点击*/<button @tap="getCode()" :disabled="disabled">{{text}}</button>//点击事件getCode(){ this.disabled = true; let num = 60; this.text
2021-06-17 14:18:08 292
原创 uni-app 小程序多图上传
uni-app 小程序多图上传:官方提示说,App支持多文件上传,微信小程序只支持单文件上传,传多个文件需要反复调用本API。所以跨端的写法就是循环调用本API步骤://1.首先通过 uni.chooseImage接口获取到一个本地资源的临时文件路径// this.uploadFiles => 图片临时路径集合uni.chooseImage({ count: 9, //默认9 sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图
2021-06-16 17:06:26 891 2
原创 获取地址栏参数
项目场景:例如:index.html?platform=h5&phone=16666666666项目场景:项目中有很多地方需要获取url上的参数问题描述://例:index.html?platform=h5&phone=16666666666getUrlStr(name) { /** * 获取地址栏参数 */ let reg = new RegExp('(^|\\?|&)' + name + '=([^&]*)(\\s|&|$)', 'i');
2021-06-16 16:28:16 74
原创 vue动态渲染表格
项目场景:拼团的后台项目,项目中需要设置参团的sku,也就是所开的这个团是几人的团,开团的人数不同,价格也就不同。所以需要动态渲染个表格的列,如下图中2人团价格以及3人团价格表头需求描述:当后台管理员选择开团的类型后,所关联的参团商品设置sku时,会动态渲染参团类型所对应的价格。如下图sku设置。![](https://img-blog.csdnimg.cn/20210325200323711.png#pic_center)![](https://img-blog.csdnimg.c
2021-03-25 20:22:33 2821
原创 封装element分页组件
项目场景: 将 element-ui 中分页封装成公共组件描述:admin后台中会有很多的表格以及分页的应用,所以考虑将分页分装成公共组件 原因分析:提示:这里填写问题的分析:例如:Handler 发送消息有两种方式,分别是 Handler.obtainMessage()和 Handler.sendMessage(),其中 obtainMessage 方式当数据量过大时,由于 MessageQuene 大小也有限,所以当 message 处理不及时时,会造成先传的数据被覆
2021-03-05 11:46:52 888 3
原创 uni-app h5跳转微信小程序
uni-app h5跳转微信小程序首先npm下载jweixin-modulenpm install jweixin-module --save在即将使用此功能的页面引入var jweixin = require('jweixin-module')根据微信的开发文档写入以下代码 微信官方文档<template> <view class="content"> <!-- 样式类的话貌似只能在style的内联样式或行内样式才生效 -
2021-01-26 14:04:24 4340
原创 000+0000 格式的时间转成 年月日
时间转换将2020-04-27T12:13:53.000+0000 格式的时间转成 年月日(例如:YYYY-MM-DD)filters: { time: function(date) { var dateee = new Date(date).toJSON(); return new Date(+new Date(dateee) + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '')
2021-01-03 16:33:37 3195
原创 数组遍历,判断数组中的对象中某一属性值时候为空
项目场景:例如:vue项目中,表格中的某一项校验(必填项)问题描述:如下图,若用户勾选某行数据后,提交数据时校验表格中数量是否填写解决方案://我这里是判断等等于undefined 是因为后台本身就没有给这个count字段//更多时候是判断 == '' 根据你们的场景使用吧if (this.addSkuArr.some((val) => val.count === undefined )) { this.$message({ type: "error",
2020-12-09 09:51:35 6397 3
原创 后台admin省市县镇公共组件
项目场景:后台管理系统省市县镇地区选择器公共组件问题描述:由于在后台系统中 用到的省市县镇这个组件的地方比较多,所以应当写成公共的组件(不是级联 是用单项id的选择框加载下一级数据)<template> <!-- 公共组件 --- 省市县镇 父组件需要给子组件传两个值 parentArr => 要反显的数组 [ {name: row.province, id: row.provinceId }, { name: row.city, id: r
2020-12-01 17:10:03 510
原创 仿各大app的商品详情页购买信息弹幕
我们总是会在商品的详情页看到提示某某买两个该商品或某某几秒前怎样怎样这种的消息提示框弹出最近项目中也用到了所以做个记录html:数据处理:css样式:好了,记得离开页面清除定时器...
2020-11-10 10:23:14 419
原创 uni-app 行内样式动态背景图 :style 绑定
:style="{backgroundImage:`url(${this.banner})`}"this.banner 就是后台请求到的背景图
2020-10-30 13:22:14 4181 2
原创 uni-app 跳转支付宝小程序以及带参
if(this.pepoplres.platform == 'ios') {const query = encodeURIComponent('要带的参数')例如:'?order_id=' + this.typeId + '&user_id=' + this.userId + '&api_type=getUserId'plus.runtime.openURL("alipay://platformapi/startapp?appId=要跳转的支付宝小程序appid&要跳转的
2020-09-24 15:37:27 3041
原创 uni-app 获取当前的一周的年月日
首先是公用的方法获取年月日组成格式uni-app中ios与android所要的格式不要一样getWeek(day) {var today = new Date();var targetday_milliseconds = today.getTime() + 1000 * 60 * 60 * 24 * day;today.setTime(targetday_milliseconds);var tYear = today.getFullYear();var tMonth = to..
2020-08-17 10:47:41 3571
原创 uni-app 对接第三方h5
1.uni-app中对接第三方为了防止跳出app使用了webview<template> <view> <web-view :src="url" @message="message"></web-view> </view></template><script> export default { data() { return {...
2020-07-23 15:17:28 4658
原创 vue 项目 upload上传图片 并实现拖拽排序
upload 上传图片并实现拖拽功能1、npm i -S vuedraggable2、//页面引入import draggable from "vuedraggable"components: { draggable}3、4、拖拽的事件就是updatedatadragEnd(evt){evt.preventDefault(); //file-list 就是可展现的image 的数组},...
2020-05-28 10:38:01 2790
原创 uni-app 封装请求
1、npm install uni-request --save2、uniRequest.defaults.baseURL = '请求路径基地址';3、uniRequest.defaults.headers.post['Content-Type'] = 'application/json;charset=UTF-8';4、// 添加请求拦截器uniRequest.interceptors.request.use(function(config) {// 在发送请求之前做些什么if
2020-05-27 11:32:40 584
原创 uni-app中v-html中的元素添加样式
我在uni-app中使用的是scss所以我的解决方式是:使用 /deep/ 进行穿透/deep/.wscnph { width:100%;}目前可以解决,你们遇到的话可以试一下
2020-04-05 10:13:22 2281 4
原创 lib-flexible vue项目(移动端适配)
移动端适配步骤1.安装lib-flexible(npm install lib-flexible --save-dev)2.在main.js 中引入lib-flexible(import 'lib-flexible') //px2rem自适应3.安装px2rem-loader(npm install px2rem-loader --save-dev)4.配置px2rem-loa...
2019-12-30 13:48:36 235 1
原创 分享微信朋友或朋友圈
做移动端商城项目,避免不了微信分享功能。最近在用h5+plus做分享功能(技术地址:http://www.html5plus.org/doc/zh_cn/share.html#plus.share.ServicesSuccessCallback)share 分享模块html代码://微信分享vxShare(num){vart=this;/...
2019-12-06 16:41:43 617
原创 element ui 表格中的渲染有多个状态判断的情况
element中表格的使用模板:<el-table-columnlabel="支付方式"width="100"align="center"><templateslot-scope="scope">{{scope.row.payType|payType}}</template></el-t...
2019-11-18 16:09:11 2085
原创 vue 日历 vue-calendar
1.github上搜索vue-calendar2.src/app.vue文件中有日历组件<calendarref="calendar1":events="calendar1.events":lunar="calendar1.lunar":value="calendar1.value":begin="calendar1.beg...
2019-10-18 17:18:40 1490 1
原创 vue 登录页面记住密码功能
vue+iview/element一般用来快速搭建后台管理系统,登录页的记住密码功能也是必不可少的。记住密码快速登录功能(iview ui):思路:首次登录,记住密码,将密码存储到cookie中,退出登录,下次进来的时候,读取cookie登录。1.<Checkboxv-model="autoLogin"size="large">记住密码</Checkbox>...
2019-09-11 14:31:39 4049 3
原创 vue 父组件给子组件传值
vue中父组件给子组件传值(一)事件传值事件传值在我理解也可以是父元素调用子元素的函数,背景是,当页面元素有多个对话框,恰好每一个对话框又是一个子元素,父元素中某些按钮控制对应的子元素对话框的开和关。父组件:<div style="background-col:#ccc;width:30px;height:30px;border:1px solid #ccc" @click=...
2019-09-05 15:09:03 545
原创 vue 子组件给父组件传值
vue通信之子组件给父组件传值子组件给父组件传值背景一般是子组件中某一事件之后,得到的某一状态或者是值,想要通知父组件改变。通过自定义事件传值。子组件:<Button type="primary" @click="change">通知父组件改变</Button>change( ) { this.axios.post('url',{参数})...
2019-09-05 14:26:57 306
原创 vue中解决跨域
1.执行命令:npm install vue-jsonp --save2.添加到main.js中import VueJsonp from 'vue-jsonp'Vue.use(VueJsonp)3.getCity() {this.$jsonp("请求的地址"//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(一般默认为:callback){...
2019-09-03 17:11:47 96
原创 vue cli3 项目中解决跨域
最近项目中用到高德api,要做一个天气的模块。做这个天气的模块,得知道用户所在得城市于是呢,我就在vue项目中获取了当前用户得ip,根据用户的ip定位了城市具体代码:vue页面:<template> <div> <remote-js src="http://pv.sohu.com/cityjson?ie=utf-8"><...
2019-08-24 11:10:29 600
原创 解决vue插值表达式闪烁问题
在vue项目中,页面加载总有一瞬间可以看到双大括号插值表达式,为了提高用户体验度,在项目中用到了v-cloak<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid...
2019-08-08 16:15:44 479
原创 折叠菜单栏
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compa...
2019-07-29 14:57:56 485
原创 通过用户电脑ip获取用户当前所在城市以及天气
1.先获取当前用户得ip地址$.ajax({ url: 'http://pv.sohu.com/cityjson?ie=utf-8', dataType: "script", success: function(){ getCity(returnCitySN.cip); ...
2019-07-16 17:33:09 880
原创 vue项目中返回按钮案例(用vuex控制返回按钮的显示或者隐藏)
在vue的项目中避免不了会有返回按钮的出现,恰当的页面,返回按钮的显示或者隐藏,我是用vuex来管理的,好了,直接上代码吧<el-button type="primary" @click="returnBtn" v-if="ifshow">返回</el-button>1.首先要 v-if 条件渲染2.新建文件store.jsimport Vue fr...
2019-04-28 18:09:25 2457
原创 vue项目中vue-fullcalendar的使用(行程日历)
vue-fullcalendar 行程日历插件的使用 (没有灵魂式的记录)1.首先npm下载 vue1或者vue2//forVue2npminstallvue-fullcalendar@latest--save//[email protected]中要引入import...
2019-04-26 15:48:13 14699 1
原创 vue项目中moment的使用(时间戳格式化)
1.首先使用npm下载moment包 (npm i moment)2.在main.js中引入(import moment from 'moment' Vue.prototype.moment = moment;)3.使用moment的方法处理数据 例如:moment(数据).format('YYYY-MM') //就是2019-4 这个样子...
2019-04-18 16:34:49 8120 2
原创 vue项目中使用echarts
1.npm i echarts (npm安装echarts)2.在main.js中引入echarts import Echarts from 'echarts' Vue.prototype.echarts = Echarts Vue.use(Echarts)3.准备一个容器,设置容器的宽和高<div id="ec...
2019-04-17 15:45:24 138
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人