自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(39)
  • 收藏
  • 关注

原创 微信H5跳转第三方小程序(亲测可用!)

vue2 微信H5跳转第三方任意小程序 流程

2024-09-11 16:30:57 270 1

原创 TypeError: Cannot read properties of undefined (reading ‘style‘)

Cannot read properties of undefined

2022-12-17 14:23:22 885

原创 用vue写一个tabs切换,控制样式变化

用vue写一个tabs切换,控制样式变化

2022-11-09 04:05:01 351 1

原创 vue用锚点跳转到当前页面的指定位置

vue用锚点跳转到当前页面的指定位置

2022-10-13 16:45:58 600

原创 VUE使用百度地图并显示指定地点信息

VUE使用百度地图并显示指定地点信息

2022-10-11 13:09:22 545

原创 CSS实现背景半透明而文字不透明效果的方法

CSS实现背景半透明而文字不透明效果的方法

2022-09-30 14:22:58 159

原创 vue引入swiper组件后出现 ‘Maximum call stack size exceeded’错误的解决方法

vue引入swiper组件后出现 ‘Maximum call stack size exceeded’错误的解决方法

2022-09-30 11:32:00 330

原创 VUE的钩子函数中的回调函数如何调用data的数据或者给data赋值

VUE的钩子函数中的回调函数如何调用data的数据或者给data赋值

2022-08-20 14:44:03 965 2

原创 用原生JS和用VUE获取dom对象的区别

用原生JS和用VUE获取dom对象的区别

2022-08-19 16:44:30 302

原创 vue中用npm的方式安装与配置echarts

vue中用npm的方式安装与配置echarts

2022-08-18 10:21:54 485

原创 vue如何引入jquery插件

vue如何引入jquery插件

2022-08-17 15:10:24 191

转载 VUE子组件如何改变父组件传来的值,以及VUE子组件如何修改父组件的值

转载(36条消息) VUE子组件如何改变父组件传来的值,以及VUE子组件如何修改父组件的值__码农耕地人的博客-CSDN博客_vue子组件修改父组件的值

2022-08-05 16:59:53 68

原创 Cascader级联选择器自定义高度

Cascader级联选择器自定义高度

2022-08-05 16:59:13 1140

原创 用vue input 搜索框 uniapp 模糊搜索 精确搜索 并展现搜索的内容

用vue input 搜索框 uniapp 模糊搜索 精确搜索 并展现搜索的内容

2022-06-09 17:32:57 805 1

原创 uniapp小程序保存图片到相册

uniapp如何把图片保存到手机相册或者本地

2022-06-01 14:28:50 285

原创 v-show 在flex布局下失效

v-show使用时候遇到的坑

2022-06-01 09:35:39 572

原创 小程序实现点击选项卡tabs跳往页面内不同的位置(锚点)或者实现点击按钮返回页面顶部功能

如图,点击左侧不同选项卡可以跳到右侧不同的页面(带动画)该功能主要是根据id的值进行锚点定位结构区<view class="tabs"> <view class="btn"> <view @click="show(1)" :class="index === 1 ? 'active' : 'active1'" >家悦系列</view > <view @

2022-05-27 18:14:47 515

原创 rich-text 组件如何控制富文本内容的样式

我想用 rich-text 来显示一段 html 内容,使用字符串的方式,但是发现并不能直接控制富文本的样式,如果后台传过来的图片尺寸太大,会出现溢出的问题,下面以img为例子提出解决办法<rich-text :nodes="guide"></rich-text>data() { return { guide: ``, }}if (response.code == 200) { let data = res

2022-05-26 11:33:58 499

原创 图片最多显示三张,超出则显示剩余数量或者其它样式

效果图这里需要作两个判断,第一个判断是内容里是否传入了视频,有则显示视频遮罩层,第二个判断是内容里的图片长度是否超过3个,如超过则显示多图遮罩层<view class="img"> <view v-for="(item, index) in imglist" :key="item.id" v-show="index < 3"> <image :src="item.url" alt="" /> &l..

2022-05-19 14:53:24 732

原创 CSS背景图片插入

background-image: url("");background-repeat: no-repeat;background-size: 750rpx 222rpx;width: 100%;height: 222rpx;margin-top: 40rpx;

2022-05-17 16:29:40 125

原创 nth选择器

<view class="imgbox"> <image src="@/static/aboutusimg1.png" alt="" /> <image src="@/static/aboutusimg2.png" alt="" /> <image src="@/static/aboutusimg3.png" alt="" /> <image src="@/static/aboutusim.

2022-05-17 11:11:35 84

原创 前端实现点赞与取消点赞功能

效果如下所示话不多说直接上代码html区:下面的icon也可以换成 图片image 或者其它 用v-if控制点击的变换隐藏<view class="likesbox" @click="clicklikes"> <u-icon name="thumb-up" color="#888888" size="36" v-if="likesshow"></u-icon> <u-icon name="thumb-up-fill" ..

2022-05-16 15:02:47 730

原创 input框的样式和文字placeholder的样式

做到像上图的样式<view class="input"> <view class="left"> <u-icon name="search" color="#355E92" size="48" class="icon"></u-icon> <input class="input1" type="search" placeholder="输入关键词进行搜索" /> </view&..

2022-04-27 10:43:15 190

原创 如何调uView中input和Form表单的样式

如上,我们不想让bottom线占满整个宽度,可以直接找到组件u-form-item,在样式中添加width:80%的样式.u-form-item { width:80%;}用 placeholder="请输入备注内容"<u-input placeholder="请输入备注内容" />再通过内置样式修改input框的长度<u-form-item class="u-text-right u-m-l-40"..

2022-04-14 15:33:46 7527

原创 uview tabs标签根据文字长度占不同的宽

正常情况下 如果list有4个,则会把宽度4等分,如何根据文字的长度设置不同的标签宽度呢<u-tabs :list="list" :current="current" gutter="25" active-color="#659ddd" @change="change" :is-scroll="false" ellipsis="false" :style="...

2022-04-12 17:30:49 3611 1

原创 uniapp 之间的页面跳转

这是跳转到导航栏区域 methods: { clickback() { uni.switchTab({ url: "/pages/businessopportunity/businessopportunity", }); }, },这是跳转到普通的页面clickinfo1() { uni.navigateTo({ url: "/pages/jump/info1", }); },

2022-04-12 16:22:59 61

原创 小程序点击组件或者页面实现路由跳转

比如说要点击一个图片进行页面的跳转 结构区<view @click="click430class"> <img src="/static/image1.png" class="index-image1" alt="" /> </view>行为区click430class() { uni.navigateTo({ url: "/pages/jump/430class", }); },

2022-04-08 11:02:42 139

原创 利用uView的u-tabs标签进行组件之间的切换

<u-tabs :list="list" :is-scroll="false" :current="current" bar-width="50" active-color="#30B1B7" @change="change" ></u-tabs>下面是6个组件,用v-if来控制显示谁<view v-if="current == 0"> <All..

2022-04-07 14:07:12 10880 12

原创 点击不同的按钮(标签)进行内容的切换

<view class="page"> <view class="button"> <span @click="show(1)" :style="{ width: '150rpx', }" :class="index === 1 ? 'active' : ''" >所有资讯</spa.

2022-04-07 10:42:00 137

原创 [ app.json 文件内容错误] app.json: app.json 未找到

运行微信小程序打开项目的时候出现以上错误解决步骤:使用微信开发者工具打开小程序项目的时候,选择【mp-weixin】文件夹,让app.json文件暴露在最外层。如下所示:不要直接导入,而是让app.json暴露在二级目录下...

2022-04-02 11:49:21 501

原创 什么时候使用v-if,什么时候使用v-show?

当组件中某块内容只会显示或隐藏,不涉及到修改数据的情况下,用v-if更加合适;当组件某块内容显示隐藏是可变化的,涉及到修改数据的情况下,此时用v-show更加合理。如果页面数据需要渲染发生改变,用v-show更好,若用v-if可能会导致部分方法失效,数据无法传入......

2022-04-01 11:47:00 500

原创 el-time/date-picker日期时间格式与后端不匹配的问题

datetime表示带时间的日期选择器format表示需要显示的格式value-format表示请求的格式下图是请求失败的情况下图是请求成功的情况我们只需把上述代码修改成如果需要显示时分秒则可以修改成...

2022-03-30 10:22:31 1566

原创 element ui 中el-table如何自定调样式

el-table 中有回调header-cell-style(表头)和cell-style(表内容)以对象的形式返回即可生效

2022-03-23 17:00:27 1362

原创 Vue如何给组件添加行内样式

上面的是组件自带的属性下面h1是自己写的

2022-03-18 16:07:36 543

原创 vue同一个组件设置不同的点击的事件/具体某一模块也可以设置不同的点击事件

有些时候我们想给组件里的具体某一个模块指定一个事件可以用到以下方法页面中的一整个组件页面事件组件所需要注册事件的部分组件事件的方法

2022-03-17 16:43:41 284

原创 组件导致背景图片断层

当我们在一个页面使用多个组件,而且在这个页面设置背景图片的时候,会导致背景图片出现断层或者会让每个组件都有一个背景图,如下所示此时我们需要把背景中的样式改成对象的形式传入,...

2022-03-16 14:40:17 407

原创 移动端点击高亮效果

点击高亮效果:然后在样式里设置active即可(颜色,宽高等等),样式名自己设置

2022-03-16 11:14:01 103

原创 不想子元素继承父元素的透明度

将父元素的opacity设置为0.5之后,子元素一定会继承这个属性,且对子元素单独设置opacity,也无效。这样会导致opacity属性无效,我们可以通过将背景色转换为RGG值, background:rgb(0,0,0,0.5),最后一位表示透明度,然后再子元素设置opacity,发现有效(不考虑兼容性);代码如下...

2022-03-16 11:11:28 531

原创 scroll-view滚动条不生效,或者只用鼠标滚动才生效(已解决)

scroll-view使用注意事项​​​​​​​

2022-03-16 11:06:04 466

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除