- 博客(116)
- 收藏
- 关注
RSS订阅
原创 uniapp结局H5跨域问题，连小程序一起解决！！！
说明：调用自己接口进行调整。这里是咸虾米课程的接口可以直接调用，如若不能实现请看对应具体课程。说明：host配置自己的主机地址，自己的项目这里需要更改。说明：调用packApiUrl()方法对url进行处理。
2025-04-24 00:36:15
802
原创 9.3.使用mp-html富文本插件渲染公告详情页面
onLoad()方法中的代码停止运行当前项目，重新启动！！！不然富文本编辑器无法生效。如若还不生效，停止项目，关闭微信开发工具，再次运行。
2025-05-06 18:11:40
346
原创 9.1.获取个人中心接口数据渲染到用户页面中
说明：为了解决setup执行渲染无数据报错我们使用了v-if解决这个问题。跟类userLayout同级。
2025-05-06 15:47:20
160
原创 8.21.处理popup底部弹窗空缺安全区域及其他页面界面优化
2.1清理缓存，classlist.vue,先导入后使用。这个类是提前定义好的底部全局安全样式，需要可以评论区留言。2.无数据加载清理缓存和每日推荐下图片加载。1.preview.vue返回按钮处理。先尝试返回到上一页，失败直接返回首页。这里是classlist.vue中。3.1调整uni-Popup。4.无参数id页面跳转问题。
2025-05-05 18:42:05
183
原创 8.20.对分享页面传参进行特殊处理
产生原因：由于我们使用的这个都是缓存获取，我们分享页面后，用户并没有缓存页面就会没有数据。加入了if判断，调用接口完成查询数据展示图片。说明：分享的参数去微信开发工具右下角去看。2.preview.vue分享。1.classify页面分享。2.重写onLoad（）方法。导入两个方法设置，传入参数。priew分享缓存处理。1.方法参数后面添加。
2025-05-05 17:45:54
173
原创 8.18.try{}catch处理同步请求下载记录异常处理
出现问题的原因：vue的生命周期执行顺序不一样，setup语法糖有限执行了值为null报错而onLoad（）还没有执行。let{...} = ...,第二个参数作用，右边变量名替换左边变量名。说明：在最后的catch我们调用hideLoading（）隐藏加载框。使用v-for语句，给for循环加上:key属性。解决办法使用v-if，赋值以后在进行渲染。1.4trycatch包围,完整代码。1.try{}catch{}处理。问题2:v-for警告。1.3同步方法异步化。
2025-05-05 16:00:52
153
原创 8.17.openSetting调用客户端授权信息以及处理各种异常
说明：1打印setting会在控制台看到它的值，如果点击取消保存，直接显示showtoast内容，返回，不跳转到授权页面。说明：在实现过程中，没有遇到隐私服务问题，微信小程序后台设置下载域名直接能够实现下载。2.实现过程中在开发工具中权限直接可以使用。1.调用方法设置没有获取权限需要开启权限。隐藏，跟fail方法同级。
2025-05-05 15:17:44
288
原创 8.16.saveImageToPhotosAlbum保存壁纸到相册
3.笔者在实现过程中，没有遇到需要开启隐私服务内容，编码后直接可以下载图片。说明：1使用条件编译是由于h5yuwx不兼容，需要调用不同的api。
2025-05-05 03:11:13
123
原创 8.15.通过本地缓存修改已评分过的状态
3.美化，添加加载框，注意位置,这里可以使用定时器关闭，效果更好。2.评分过的壁纸设置评分禁止 disabled。1.定义调整isScore。
2025-05-05 01:59:42
173
原创 8.11.通过swiper的事件实现真正的壁纸预览及切换
问题：这中加载方式会出现用户只看到一部分数据，但是加载出来所有图片，对接口消耗高，增加了程序的负担。可以使用懒加载解决这个问题。在classlist.vue中对到preview.vue的url更改传入参数，为后续做准备。3.swipper事件设置页面翻转数值变化。3.1使用官网的swipper的两个数据。1.获取id值，变量使用ref定义，3.3编写@change事件。
2025-05-04 17:31:33
187
原创 8.7.从onLoad获取参数作为接口的参数获取对应的数据（重点）
说明：1在原有基础上修改url地址，注意使用:url对于传入的参数特殊处理，见代码。
2025-05-04 14:29:37
140
原创 8.5.使用DeepseekAI辅助工具写工具方法并完成分类页面渲染
说明：1.这里传入了参数，pageSize,接口封装在indexs.js中。生成代码，创建/utils/common.js放入。
2025-05-04 13:12:22
169
原创 综合——调用网络接口在首页展示真实数据
说明：data是我们要传入参数数据，很重要，acess-key使用自己获得的。3.index.vue调用接口并渲染数据（全部代码）1.创建封装请求request.js。2.创建api/indexs.js。说明：第三个接口设置参数传入。如下调用接口传入了数据。
2025-05-04 02:37:39
204
原创 7.21.抽离公共方法方法
说明：else中return 40可以获取设备信息设置为一个变量值。1.创建utils文件夹，旗下创建sysytem.js文件。3.调整template。
2025-05-04 00:31:24
107
原创 7.19.自定义头部导航栏布局
2.不使用通用scss给组件上渐变色，原因是common-style.scss中定义了最小高度，这里只把渐变背景拿出来使用。1.使用了fiex布局，增加了类navbar的优先级实现翻转组件固定展示在页面上，不会被遮挡。4.组件可直接服用，把颜色值改为3中自定义的改为rgb颜色值即可。3.部分color使用自定义的scss颜色。2.在components创建我们的组件。3.编辑组件的盒子和样式。
2025-05-03 22:18:01
100
原创 7.18.评分弹出框uni-rate组件的属性方法
壁纸评分</view></view></view><text class="text">{{userScore}}分</text></view>-- plain是镂空属性 -->userScore" type="default" size="mini" plain>确认评分</button></view>
2025-05-03 15:33:48
184
原创 7.17.uni-popup弹窗层制作弹出信息内容效果
2.从底部弹出，我们设置uni-Popup的type为bottom,使用设置ref值，必须。1.vue3的打开弹窗方法如2.2代码，跟vue2不同，这是一个重要的点。3.里面下载导入使用了uni-rate组件。
2025-05-03 07:02:31
167
原创 7.16.遮罩层状态转换及日期格式化
2.v-if依赖maskState，调用api决定是否显示遮罩层。2.calc()计算必须用空格隔开，不然会计算出错。1.定了maskState遮罩状态和api接口。1.使用了相邻子代选择器，更好地去实现。2.遮罩层消失与展示。
2025-05-03 05:48:40
207
原创 7.15.全屏页面absolute定位布局和fit-content内容宽度
1.使用 left 、right、margin auto width fit-content三个属性实现居中。1.创建preview.vue。2.pages.json修改。
2025-05-03 05:10:27
95
原创 7.14.创建分类列表完成各页面的跳转
注意：在第二个跳转会失败，可以使用open-type属性设置为reLaunch解决这个问题。api如下，调用即可。
2025-05-03 04:26:44
138
原创 7.13.定义scss颜色变量deep()修改子组件css样式
我们在定义文字颜色和图标颜色多次使用到了color，每次都要使用颜色值，过程繁杂，如果项目需要更换风格，换起来就会非常麻烦，这时候使用的uni.scss定义的样式就是非常方便，我们只需要传值即可，也可以自定义的自己的颜色。下面讲解其使用和注意事项。
2025-05-03 03:26:12
400
原创 7.12.设置页面全局渐变线性渐变背景
说明：1如果你的线性渐变没有生效，先使用简单的线性渐变看看是否生效，若生效说明前面的线性渐变写的有问题，需要纠正。2.min-height可以起到最小高度的效果单位使用vh。3.给user.vue中的list添加背景。2.每个最外层布局添加类 pageBg。
2025-05-03 02:30:07
175
原创 1.ifdef条件编译实现多终端匹配和客服消息
此时我们完成了小程序的联系客服功能实现，但是h5无法实现这个功能这时候我们使用uniapp官网中的ifdef条件编译，面对不同端实现不同效果。说明：这楼里给拨打电话绑定了事件，调用拨打电话api，api的更多内容去官网查看。2.在微信公众号-基础功能-客服中添加一个账号作为客服。说明：open-type能够设置回复消息客服，实现前提。1.项目中使用自己的appid。3.扫描小程序的二维码查看信息。由于我们新添加了一个按钮，需要调整样式。首先类row添加定位。
2025-05-03 01:51:13
772
原创 7.8.同一组件Props传递不同属性值
padding上下50rpx，图片不接地，两个参数表示上下 左右。1.组件修改，使用v-if，样式。vue3，使用setup语法糖。3.index.vue编辑。2.使用组件Props。做出最后一个更多效果。
2025-05-02 23:55:12
129
原创 4.4.插槽Slots及具名插槽实现组件高度定制化
插槽要用到template，用#代替v-slot,#+插槽名。说明，这里使用具名插槽，分别命名为header和main。实现demo1和demo2显得内容不同。
2025-04-30 21:15:16
394
原创 MybatisPlus-08.核心功能-IService开发基础业务接口
说明：这里使用注解注入，spring官方推荐的方式，使用必须使用的@RequiredArgsConstructor，为了和普通的做区分，我们在定义servcie的加上final，表示这是一个常量，这样在类在初始化的时候就会初始化这个常量。无需编写service就可以实现上述功能非常简单。5使用REST风格编写Controller。
2025-04-30 17:43:36
168
原创 MybatisPlus-20.插件功能-通用分页实体与MP转换
说明：这里面没有使用new OrderItem，源码里面的OrderItem是无参构造，之前使用new OrderItem（）里面传入参数，随着更细，变成了OrderItem.desc("create_time")这些之类的方法。当多个页面使用分页就会显得冗余，这时候我们可以使用泛型进行封装，只需要调用对应的方法就可以了。我们实现分页查询，需要在UserServiceImp里面进行具体的调用如下。我们会发现跟之前那的比，这个我们进行封装后更简洁了。1.完善PageQuery。2.完善PageDTO。
2025-04-30 16:55:39
269
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人