- 博客(53)
- 收藏
- 关注
RSS订阅原创 使用el-switch设置active-value为1值显示不正确
使用:active-value="1" 而不是active-value="1"<el-switch v-model="result":active-value="1" :inactive-value="0"></el-switch>
2022-02-24 09:33:31
2781
原创 使用uview里的u-dropdown组件，使得当前页面点击无效
打开u-dropdown.vue页面，在最外层View添加如下代码:<view class="u-dropdown" :style="dropDownShow ? '' :'overflow:hidden'"></view>props:{ dropDownShow: {//为false 遮罩不显示 type: Boolean, default: true },}默认设置为:true,这样对之前的页面不会产生影响打开当前页面，将dro
2022-01-17 11:34:31
2676
原创 uni-app中使用echarts时，点击柱状图没有反应
在初始化函数中添加如下代码，点击柱状图，该事件并没有被触发myChart.on('click', (params) => { th.clickUser = params.data.userId; th.clickUserName = params.name; th.clickValue = params.value;})此时，可以在注册时添加下列代码window.wx = undefined...
2021-12-06 16:23:08
1744
原创 vue在js中拼接字符串class属性失效
js部分：strHtml += '<view class="date">加班日：'+ str3 +'</view>';在css中设置date的样式不起作用此时可以添加::v-deep::v-deep .date{ display: block; width: 180rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;
2021-11-22 16:40:48
1023
原创 uni-app动态获取随机图片
html页面:<image mode="aspectFill" :src="getImageUrl()"/>js页面：iconList:[ require('../../static/images/kq1.png'), require('../../static/images/kq2.png'), require('../../static/images/kq3.png'), require('../../static/images/kq4.png'), require
2021-11-22 13:58:53
913
原创 vue动态拼接字符串以及赋值
将原有图片链接改为数组对象原有图片链接：sdImg:'http://pics.sc.chinaz.com/files/pic/pic9/201912/hpic1881.jpg',jkImg:'http://pics.sc.chinaz.com/files/pic/pic9/201912/hpic1882.jpg',qjImg:'http://pics.sc.chinaz.com/files/pic/pic9/201912/hpic1883.jpg',wdImg:'http://pics.s.
2021-10-20 11:11:57
1226
原创 uni-app使用外部字体
uni-app中当字体文件大于40kb时，需要自己转化成base64格式一：将下载好的字体文件转换成base64格式，转换地址：https://transfonter.org/二：将转换好的文件下载下来，并将文件css文件放入项目中的static目录下:三：在app.vue中引入该文件:@import url("./static/fonts/stylesheet.css");四：在页面中直接使用即可font-family: test;...
2020-12-25 17:14:39
1863
2
原创 通过点击按钮来实现picker组件的展开与收起
页面有两种状态，一种是可编辑状态，一种是不可编辑状态。只有当页面处于可编辑状态时，点击picker组件才会弹出。一：为picker组件添加disabled属性，并且绑定变量一个变量<picker @change="singleClick($event,1)" :range="checkList" style="width: 100%;" :disabled="pickerDisable"> <view class="flex-center1"> <text&g
2020-12-24 17:03:11
1612
1
原创 不改变高度的情况下，消除flex-wrap造成的间距
height: calc(100vh - 630rpx);display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;设置flex-wrap之后,上下两张图片有很大的间距，如下：因为白色区域高度固定，不可以修改，所以可以设置align-content:flex-start;来消除间距display: flex;flex-direction: row;justify-conte.
2020-12-23 14:25:58
1250
1
原创 页面背景图片滚动
<view class="login"> <view class="bg"> <image mode="aspectFit" src="../../static/bg/login.jpg"></image> </view></view>css:.login{ width: 100%; height: 100vh; position: relative; overflow: hi.
2020-11-30 16:02:54
128
原创 border-image实现渐变边框
一：给矩形实现渐变边框border: 4rpx solid;border-image: linear-gradient(45deg, #d4741a, #ee9117) 1;效果：缺点：这种方法不能给圆角矩形添加渐变边框二：给圆角矩形添加渐变边框方法：先添加background-image渐变背景再叠加一个白色背景在上面，实现渐变边框缺点 ：如果要求边框里面是透明效果，该方法不可行三：使用border-image 和clip-path属性实现渐变边框border..
2020-11-30 15:58:34
2841
原创 vue中设置条件为v-if=“status == ‘ ‘“时，status 为0也可以通过条件
将status == ' '改为 status === ' '即可
2020-11-11 16:07:13
2263
原创 uni-app圆形菜单展开收缩特效
template:<view class="menu" :class="{active:menuFlag}"> <image src="../../static/svg/1.svg" class="menuTrigger" @tap="clickMenu"></image> <image src="../../static/svg/2.svg" class="menuItem menuItem1"></image> <im.
2020-10-31 15:42:59
2111
3
原创 uni-app阻止事件冒泡
<view class="imgItem" @tap="previewImg(index)"> <image :src="item" mode='aspectFill'></image> <view @tap.stop="deleteImg(index)" class="delete"> <u-icon name="minus" color="white" size="24"></u-icon> </view&g.
2020-10-27 14:07:39
4075
原创 uni-app onreachbottom不执行
在uni-app中如果对view设置height和局部滚动onreachbottom不执行
2020-10-24 17:07:05
5248
4
原创 在vue的html标签{{}}内调用函数对数据进行处理
后台返回收益金额，单位是元。前端需要将返回数据处理一下，改为以万为单位。html处：<template> <div>{{tranNumber(value)}}</div></template>js处:tranNumber(num) { if (isNaN(num)) { return; } else { var n = Math.round((num / 10000) * 1
2020-10-23 17:48:32
4856
原创 利用nth-child选择器功能控制item border显示
最右侧一列不需要Border-right第一行不需要border-top.item:not(:nth-child(3n)){ border-right: 1rpx solid #cdcdcd;}.item:not(:nth-child(-n+3)){ border-top:1rpx solid #cdcdcd ;}
2020-10-23 17:21:15
156
原创 使用伪类显示右边框
此处导航使用for循环右侧border如果使用border-right 显示的话，需要添加padding但是添加padding的话底部黄色线条会变长 不符合要求此时可以使用伪类.navItem:not(:last-child)::after{ content: ""; position: absolute; display: inline-block; top: 36rpx; right: -20rpx...
2020-10-23 16:49:15
653
原创 input输入框的class为form-control时，去除蓝色边框
input输入框的class为form-control时，去除蓝色边框input.form-control:focus{ outline: none; box-shadow: none; border-color: #888888; }selectpicker多选框class为form-control时，去除蓝色边框.bootstrap-sel...
2019-08-07 10:43:00
1397
原创 小程序页面跳转并返回数据
A和B两个页面A页面：<text class='ask_txt' bindtap='field'>{{field}}</text>跳转到B页面后选择相关的field并返回A页面B页面field: function (e) { var field = e.currentTarget.dataset.text; var pages = g...
2018-10-09 17:43:58
1673
原创 小程序swiper-item中banner有一部分被隐藏
可以直接给swiper组件添加高度<swiper indicator-dots="true" autoplay="true" interval="3000" duration="500" style="height:320rpx"> <block wx:for="{{banner}}"> <swiper
2018-09-17 17:18:30
1698
原创 box-sizing 属性
box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。box-sizing:border-box;padding-right: 24rpx;有时候View设置了宽度，再添加padding会超过宽度添加这句话后可以正常显示 设置padding是在已设定的宽度和高度内进行绘制。...
2018-09-13 17:27:04
276
原创 小程序点击之后图标和文字发生变化
点击之后变为： <view class='timeinfo' bindtap='change'> <image class='timeinfo1' src="{{hidden ? '/images/time1.png' : '/images/time.png'}}" mode='aspectFit'></image> ...
2018-09-12 11:57:15
2788
2
原创 小程序文字超出两行后显示省略号
display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
2018-09-11 17:59:18
13252
原创 小程序从数组从循环取数据，将符合条件的数据显示出来，并且显示数量不能超过3条
问题描述：小程序从数组从循环取数据，将符合条件的数据显示出来，并且控制在首页的显示数量不超过3条wxml: <text wx:for="{{product_nav}}" data-idx="{{index}}" class="item {{currentTab==index ? 'active' : ''}}" wx:key="unique" bindtap="navba...
2018-08-31 14:27:43
5230
原创 根据后台所给数据，在前台显示相应的星星数量
<block wx:if='{{hospital.num > 0}}'><!--判断后台传入的数据>0再进行处理--> <view class='star' wx:for="{{ hospital.num-0}}"> <image src='/images/organ/star.png' mode='as...
2018-08-29 11:57:06
1932
原创 小程序底部弹出框效果
问题描述：点击使用说明，弹出消息框，显示相关信息（1）wxml页面<view class='explain' bindtap="show"> <text class='explain_b'>使用说明</text></view><view class="explain-box" hidden="{{flag}}&quo
2018-08-25 09:40:15
2677
1
原创 小程序判断当前时间是否在所给时间之内
描述：活动给出开始时间与结束时间，判断当前时间是否在活动时间之内（1）由于给出的时间格式为：年月日，与util中的当前时间格式不同，因此需要重新写一个关于日期的函数const formatDate = date => { const year = date.getFullYear() const month = date.getMonth() + 1 const day...
2018-08-24 16:41:20
5155
原创 设置小程序某一板块背景图片
设置小程序某一板块背景图片 height: 228rpx; width: 692rpx; background-size:contain;
2018-08-24 11:08:58
500
原创 小程序循环取数据，根据要求显示不同的颜色
问题描述：从js中循环取数据，当取出数据为正时显示红色，取出数据为负时显示绿色代码： <view> <view wx:if="{{item.price>0}}" class='record_price1'>{{item.price}}</view> <view wx:else class='...
2018-08-23 16:53:35
2549
原创 小程序view中的元素被后面的元素覆盖
问题描述：小程序view中的元素被后面的元素所覆盖，如下图：解决办法：在该元素的css中添加flex:none修改过后：
2018-08-21 16:36:42
4110
原创 当传入数据为空时，该板块不显示
问题描述：在制作产品列表时有的产品下面有红包活动，有的没有，不处理的话会出现如下空白情况：此时可以在该板块的view处添加如下语句：（当没有数据传入时，不执行该语句）wx:if="{{item.lineurl.length}}"显示正常：...
2018-08-15 15:57:42
373
原创 使用align-items无法居中问题
在一个view中包含数字、汉字以及图片，这个时候希望他们在同一行居中显示使用align-items并不行，可以再设置一下line-height
2018-08-08 11:18:34
9001
1
原创 微信小程序swiper标签中传入多个数组型数据的方法
wxml页面:<view class="menu-wrp"><swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" > <swiper-item&am
2018-08-04 11:29:37
1299
2
原创 上传背景图片为圆角矩形，显示后为矩形
上传一张背景图，设置：background-size: 705rpx 336rpx;显示出来之后是矩形：将css改为：background-size: 94% 94%;即可
2018-08-03 11:51:21
177
原创 小程序中让后面的View覆盖到上一个view中
第二个板块有一部分覆盖在第一个板块上直接在第一个板块的wxss文件中加上：z-index: -1;备注：z-index的值越大优先级越高，但是需要注意的是需要设置position才有效果...
2018-08-03 11:33:42
21128
4
原创 微信小程序出现syntaxError:unexpected end of json input错误
在pages目录下面添加一个test文件夹，作为小程序跳转的测试页面，出现syntaxError:unexpected end of json input错误：这个时候只需要在test.json文件夹中添加{}即可 ...
2018-08-01 10:47:10
10050
原创 数据结构进制转换源代码
#include#include#define SIZE 100#define ADDSIZE 10#define ERROR 0#define OK 1typedef struct{ int *base; int *top; int stacksize;}sqstack;int Initstack(sqstack &s);int
2015-07-17 09:12:26
1452
原创 数据结构赫夫曼树源程序
#include#include #include typedef struct { unsigned int weight; unsigned int parent,lchild,rchild; }HTNode,*HuffmanTree; //动态分配数组存储哈夫曼树 typedef char * *HuffmanCode;int min(HuffmanT
2015-07-17 09:11:11
410
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人