学习java的大雪笙一枚

onLoad()方法中的代码停止运行当前项目，重新启动！！！不然富文本编辑器无法生效。如若还不生效，停止项目，关闭微信开发工具，再次运行。

let {} = e;// if (!//个人中心-我的下载壁纸列表data})

说明：为了解决setup执行渲染无数据报错我们使用了v-if解决这个问题。跟类userLayout同级。

2.1清理缓存，classlist.vue,先导入后使用。这个类是提前定义好的底部全局安全样式，需要可以评论区留言。2.无数据加载清理缓存和每日推荐下图片加载。1.preview.vue返回按钮处理。先尝试返回到上一页，失败直接返回首页。这里是classlist.vue中。3.1调整uni-Popup。4.无参数id页面跳转问题。

后台认证后方可实现该功能。

3.笔者在实现过程中，没有遇到需要开启隐私服务内容，编码后直接可以下载图片。说明：1使用条件编译是由于h5yuwx不兼容，需要调用不同的api。

3.美化，添加加载框，注意位置,这里可以使用定时器关闭，效果更好。2.评分过的壁纸设置评分禁止 disabled。1.定义调整isScore。

2.2调用，先导入，这里特别注意的是参数的结构。2.1编写，调用后端的接口，这是前端接口。

【代码】8.13.展示每张壁纸的专属信息。

问题：这中加载方式会出现用户只看到一部分数据，但是加载出来所有图片，对接口消耗高，增加了程序的负担。可以使用懒加载解决这个问题。在classlist.vue中对到preview.vue的url更改传入参数，为后续做准备。3.swipper事件设置页面翻转数值变化。3.1使用官网的swipper的两个数据。1.获取id值，变量使用ref定义，3.3编写@change事件。

1.下载导入触底加载官网扩展组件。

说明：每下拉刷新一次，参数页数加1noData用来页面加载完成后阻止加载。

1：首先导入ref和下拉刷新和触底加载方法，在scripte标签中2.重新定义这两个方法3.finally()设置关闭刷新。

说明：1在原有基础上修改url地址，注意使用:url对于传入的参数特殊处理，见代码。

说明：1.在控制台中查看参数，传参时注意保持一致。2.导入接口调用，传入参数。

说明：1.这里传入了参数，pageSize,接口封装在indexs.js中。生成代码，创建/utils/common.js放入。

4.3index.vue渲染。

说明：data是我们要传入参数数据，很重要，acess-key使用自己获得的。3.index.vue调用接口并渲染数据（全部代码）1.创建封装请求request.js。2.创建api/indexs.js。说明：第三个接口设置参数传入。如下调用接口传入了数据。

说明：else中return 40可以获取设备信息设置为一个变量值。1.创建utils文件夹，旗下创建sysytem.js文件。3.调整template。

说明：使用了：style里面不能出现分号，要特别注意。

2.不使用通用scss给组件上渐变色，原因是common-style.scss中定义了最小高度，这里只把渐变背景拿出来使用。1.使用了fiex布局，增加了类navbar的优先级实现翻转组件固定展示在页面上，不会被遮挡。4.组件可直接服用，把颜色值改为3中自定义的改为rgb颜色值即可。3.部分color使用自定义的scss颜色。2.在components创建我们的组件。3.编辑组件的盒子和样式。

壁纸评分</view></view></view><text class="text">{{userScore}}分</text></view>-- plain是镂空属性 -->userScore" type="default" size="mini" plain>确认评分</button></view>

2.从底部弹出，我们设置uni-Popup的type为bottom,使用设置ref值，必须。1.vue3的打开弹窗方法如2.2代码，跟vue2不同，这是一个重要的点。3.里面下载导入使用了uni-rate组件。

2.v-if依赖maskState，调用api决定是否显示遮罩层。2.calc()计算必须用空格隔开，不然会计算出错。1.定了maskState遮罩状态和api接口。1.使用了相邻子代选择器，更好地去实现。2.遮罩层消失与展示。

1.使用 left 、right、margin auto width fit-content三个属性实现居中。1.创建preview.vue。2.pages.json修改。

注意：在第二个跳转会失败，可以使用open-type属性设置为reLaunch解决这个问题。api如下，调用即可。

我们在定义文字颜色和图标颜色多次使用到了color，每次都要使用颜色值，过程繁杂，如果项目需要更换风格，换起来就会非常麻烦，这时候使用的uni.scss定义的样式就是非常方便，我们只需要传值即可，也可以自定义的自己的颜色。下面讲解其使用和注意事项。

说明：1如果你的线性渐变没有生效，先使用简单的线性渐变看看是否生效，若生效说明前面的线性渐变写的有问题，需要纠正。2.min-height可以起到最小高度的效果单位使用vh。3.给user.vue中的list添加背景。2.每个最外层布局添加类 pageBg。

【代码】7.10.个人中心页面布局。

1.创建组件theme-item。3.1index.vue样式。

插槽要用到template，用#代替v-slot,#+插槽名。说明，这里使用具名插槽，分别命名为header和main。实现demo1和demo2显得内容不同。

在工具中可以设置自己喜欢的主题。HBuilderX下载。

说明：调用自己接口进行调整。这里是咸虾米课程的接口可以直接调用，如若不能实现请看对应具体课程。说明：host配置自己的主机地址，自己的项目这里需要更改。说明：调用packApiUrl()方法对url进行处理。

使用下面代码创建componets文件夹，在下面创建。common-title文件夹和文件。components组件。

2你可以把前两个代码复制到空白项目中实现功能。说明：1公告文字过的情况设置了三个属性。1.template文件。

这里我们可以使用uniapp内置组件-扩展插件，接下里会教会大家简单使用案例使用uni-icons 图标。

1.方法必须要传入参数，特别是在调用的时候。2.urls的位置不要写在方法外面。

在pages.json中设置了全局下拉刷新，如何让某个页面设置无下拉刷新，在pages数组中单独配置就可以。调整pages.json,设置为运行进入就是classify。创建一个新页面classify。说明：请注意是否需要加逗号。

2.导入方法后要进行调用，代码在导入方法里面设置了箭头函数。说明：1.script标签，引入setup，这里使用的是vue3。摘要：主要对以下属性进行尝试。pages.json代码。index.vue代码。

说明：pictures中的图片可以自己在网上找，替换即可实现。