项目实践
文章平均质量分 79
京城五
这个作者很懒,什么都没留下…
展开
-
EP45 首页banner跳转到其他页面和其他小程序
文件路径: E:/homework/uniappv3tswallpaper/pages/index/index.vue跳转到小程序的 navigator 有点不一样。<template> <view class="homeLayout pageBg"> <custom-nav-bar title="推荐"></custom-nav-bar> <view class="banner"> <swiper :indicator-原创 2024-10-02 07:30:00 · 886 阅读 · 0 评论 -
EP44 搜索页面的搜索结果图片展示
文件路径: E:/homework/uniappv3tswallpaper/api/apis.js添加了搜索结果的api。import { request} from "@/utils/requset.js"export function apiGetBanner() { return request({ url: "/homeBanner" })}export function apiGetDayRandom() { return request({ url: "/rando原创 2024-10-02 07:00:00 · 1542 阅读 · 0 评论 -
EP43 搜索页面和缓存
文件路径: E:/homework/uniappv3tswallpaper/components/custom-nav-bar/custom-nav-bar.vue增加跳转到搜索页面的 navigator 。<template> <view class="layout"> <view class="navbar"> <view class="statusBar" :style="{height:getStatusBarHeight() + 'px'}原创 2024-10-01 07:30:00 · 1290 阅读 · 0 评论 -
EP42 公告详情页
文件路径: E:/homework/uniappv3tswallpaper/api/apis.js先添加相应的api。import { request} from "@/utils/requset.js"export function apiGetBanner() { return request({ url: "/homeBanner" })}export function apiGetDayRandom() { return request({ url: "/randomW原创 2024-10-01 07:00:00 · 710 阅读 · 0 评论 -
EP41 我的评分和我的下载公用分类列表
文件路径: E:/homework/uniappv3tswallpaper/api/apis.js先添加相应的api。import { request} from "@/utils/requset.js"export function apiGetBanner() { return request({ url: "/homeBanner" })}export function apiGetDayRandom() { return request({ url: "/randomW原创 2024-09-30 07:30:00 · 845 阅读 · 0 评论 -
EP40 获取用户数据并渲染
文件路径: E:/homework/uniappv3tswallpaper/pages/user/user.vue<template> <view class="userLayout pageBg" v-if="userInfo"> <view class="" :style="{height:getNavBarHeight() + 'px'}"> </view> <view class="userInfo"> <view原创 2024-09-30 07:00:00 · 764 阅读 · 0 评论 -
EP39 页面优化
文件路径: E:/homework/uniappv3tswallpaper/pages/preview/preview.vue修改了点击图片信息后,底部安全区域透明的问题。修改了 popup 组件的标签内属性。<template> <view class=""> <view class="preview" @click="changeMask" v-if="currentInfo"> <swiper circular="true" :curren原创 2024-09-29 07:30:00 · 883 阅读 · 0 评论 -
EP38 分享页面传参
文件路径: E:/homework/uniappv3tswallpaper/pages/classlist/classlist.vue在 classlist 页面分享需要传递参数来确定分类和分类的标题。<template> <view class="classlist"> <view class="loadingLayout" v-if="!classList.length && !noData"> <uni-load-more st原创 2024-09-29 07:00:00 · 897 阅读 · 0 评论 -
EP37 分享给好友与分享到朋友圈
文件路径: E:/homework/uniappv3tswallpaper/pages/index/index.vue这两个分享的api引入方法类似声明周期。<template> <view class="homeLayout pageBg"> <custom-nav-bar title="推荐"></custom-nav-bar> <view class="banner"> <swiper :indicator-dots原创 2024-09-28 07:30:00 · 1385 阅读 · 0 评论 -
EP36 try{}catch(){}异步同步化
文件路径: E:/homework/uniappv3tswallpaper/pages/preview/preview.vue<template> <view class=""> <view class="preview" @click="changeMask"> <swiper circular="true" :current="currentIndex" @change="swiperChange"> <swiper-item原创 2024-09-28 07:00:00 · 1362 阅读 · 0 评论 -
E35 小程序调用客户端授权信息
文件路径: E:/homework/uniappv3tswallpaper/pages/preview/preview.vue<template> <view class=""> <view class="preview" @click="changeMask"> <swiper circular="true" :current="currentIndex" @change="swiperChange"> <swiper-item原创 2024-09-27 07:15:00 · 517 阅读 · 0 评论 -
EP34 uniapp的两个api--getImageInfo和saveImageToPhotosAlbum
文件路径: E:/homework/uniappv3tswallpaper/pages/preview/preview.vue<template> <view class=""> <view class="preview" @click="changeMask"> <swiper circular="true" :current="currentIndex" @change="swiperChange"> <swiper-item原创 2024-09-27 07:00:00 · 776 阅读 · 0 评论 -
EP33 评分接口和已评分状态
有则disable打分功能并且显示已给过的评分值,没有则正常进行。用于存储用户给的评分值,并存储在本地存储中。点击评分伴随着查询本地存储中是否有。中向当前图片的信息中添加一项。中解构出请求需要的几个参数。组件可以获取评分的值。原创 2024-09-26 07:30:00 · 300 阅读 · 0 评论 -
EP32 展示每张图片的信息
文件路径: E:/homework/uniappv3tswallpaper/pages/preview/preview.vue做了一点 v-bind 基本操作。<template> <view class=""> <view class="preview" @click="changeMask"> <swiper circular="true" :current="currentIndex" @change="swiperChange">原创 2024-09-26 07:00:00 · 608 阅读 · 0 评论 -
报错:Extraneous non-props attributes (id) were passed to component but could not be automatically inhe
子组件中存在多个根节点,在对应的根节点使用v-bind=”$attrs"进行显式绑定。父组件传递了props参数,子组件没有接收,并且子组件不止一个根节点。将子组件包裹在一个根节点下。原创 2024-09-24 14:02:18 · 468 阅读 · 0 评论 -
EP31 加载当前和前后各一张一共三张图片以缓解加载缓存的压力
文件路径: E:/homework/uniappv3tswallpaper/pages/preview/preview.vue因为swiper组件会自动创造节点,并缓存图片。所以首先用 v-if 来创造与摧毁节点,创造的节点中的图片会自动缓存。通过首次刷新和swiper滚动向 readImgs 数组中添加需要加载的图片并缓存。添加的图片分别是当前图片的前一张,当前图片和当前图片的后一张(考虑临界情况)。通过 set 给数组去重。includes 方法判断是否需要创造节点。<template原创 2024-09-25 07:30:00 · 932 阅读 · 0 评论 -
EP30 实现预览页面切换
文件路径: E:/homework/uniappv3tswallpaper/pages/classlist/classlist.vue在 navigator 标签的 url 属性中添加了 prop 参数,向子组件传递了 id 。<template> <view class="classlist"> <view class="loadingLayout" v-if="!classList.length && !noData"> <uni原创 2024-09-25 07:00:00 · 1413 阅读 · 0 评论 -
EP29 storage存储并读取
文件路径: E:/homework/uniappv3tswallpaper/pages/classlist/classlist.vue存入本地存储<template> <view class="classlist"> <view class="loadingLayout" v-if="!classList.length && !noData"> <uni-load-more status="loading"></uni-l原创 2024-09-24 07:15:00 · 1318 阅读 · 0 评论 -
EP28 触底加载loadingmore
这里条件判断的逻辑可以看看。// 触底获取新数据。原创 2024-09-24 07:00:00 · 279 阅读 · 0 评论 -
EP27 触底加载并且避免无效请求
在请求函数中修改列表参数,将已经获取的数据和新获取的数据结构并重新拼接成新的数组。在请求函数中添加判断条件。周期中再次发起请求。// 触底获取新数据。原创 2024-09-23 07:00:00 · 454 阅读 · 0 评论 -
EP26 在onLoad周期获取参数获取对应的数据
周期中进行获取和调用函数,因为其他部分执行在onload之前,如果在onload之外调用函数,接收了参数并且获取了相应的数据。还没有获取到id和name。原创 2024-09-23 07:00:00 · 1588 阅读 · 0 评论 -
EP25 调试接口渲染分类页面
【代码】EP25 调试接口渲染分类页面。原创 2024-09-22 22:13:37 · 215 阅读 · 0 评论 -
EP24 使用ai工具写js并完成分类页面的渲染
在该文件中添加了获取数据的函数同时传递了。该文件中引用了获取更新时间的函数。参数,并渲染到页面上。获取更新时间的函数,由。原创 2024-09-22 22:13:01 · 770 阅读 · 0 评论 -
EP23 通过defineProps传递值并渲染
文件路径: E:/homework/uniappv3tswallpaper/pages/index/index.vue添加 专题精选 的获取操作,同时向 theme-item 组件传递变量。<template> <view class="homeLayout pageBg"> <custom-nav-bar title="推荐"></custom-nav-bar> <view class="banner"> <swiper原创 2024-09-21 14:58:48 · 882 阅读 · 0 评论 -
EP22 对封装的请求request传参
文件路径: E:/homework/uniappv3tswallpaper/pages/index/index.vue这里是以 index 文件中的 getNotice 函数为例。<template> <view class="homeLayout pageBg"> <custom-nav-bar title="推荐"></custom-nav-bar> <view class="banner"> <swiper :ind原创 2024-09-21 14:21:47 · 811 阅读 · 0 评论 -
EP21 Promise封装request请求
文件路径: E:/homework/uniappv3tswallpaper/utils/requset.jsutils 文件夹中创建一个新的 request 文件。const BaseUrl = "https://tea.qingnian8.com/api/bizhi"export function request(config = {}) { return new Promise((resolve, reject) => { let { url, header = {},原创 2024-09-20 16:36:00 · 736 阅读 · 0 评论 -
EP20 调用接口获取真实数据页面渲染
文件路径: E:/homework/uniappv3tswallpaper/pages/index/index.vue<template> <view class="homeLayout pageBg"> <custom-nav-bar title="推荐"></custom-nav-bar> <view class="banner"> <swiper :indicator-dots="true" :autoplay="tr原创 2024-09-20 13:52:37 · 745 阅读 · 0 评论 -
EP19 各个页面之间的跳转
文件路径: E:/homework/uniappv3tswallpaper/pages/index/index.vue添加了几个 navigator 。<template> <view class="homeLayout pageBg"> <custom-nav-bar title="推荐"></custom-nav-bar> <view class="banner"> <swiper :indicator-dots="t原创 2024-09-19 19:20:06 · 1185 阅读 · 0 评论 -
EP18 抽离公共方法
抽离出来的方法都放在这里。在该文件内暴露,在使用的时候需要引入。同时引用了抽离出来的方法。的行内样式属性的函数。原创 2024-09-19 16:43:31 · 270 阅读 · 0 评论 -
EP17 获取系统信息设置页面布局
【代码】EP17 获取系统信息设置页面布局。原创 2024-09-18 16:02:37 · 396 阅读 · 0 评论 -
EP16 自定义头部导航栏
文件路径: E:/homework/uniappv3tswallpaper/pages/index/index.vue在 index 文件中添加 custom-nav-bar 组件。<template> <view class="homeLayout pageBg"> <custom-nav-bar></custom-nav-bar> <view class="banner"> <swiper :indicator-dot原创 2024-09-18 14:13:16 · 908 阅读 · 0 评论 -
EP15 评分弹出窗
文件路径: E:/homework/uniappv3tswallpaper/pages/preview/preview.vue<template> <view class="preview" @click="changeMask"> <swiper circular="true"> <swiper-item v-for="item in 5"> <view class="swiper-item"> <image原创 2024-09-16 12:18:19 · 1045 阅读 · 0 评论 -
EP14 弹窗popup
文件路径: E:/homework/uniappv3tswallpaper/pages/preview/preview.vue<template> <view class="preview" @click="changeMask"> <swiper circular="true"> <swiper-item v-for="item in 5"> <view class="swiper-item"> <image原创 2024-09-14 16:51:50 · 622 阅读 · 0 评论 -
EP13 全局页面absolute定位布局fit-content宽度设置遮罩层状态更换日期显示
/ 需要的是相对于整个屏幕的绝对位置,所以在这里不设置这个属性。这里绝对定位是相对于整个屏幕来定位的,所以不在其父级上添加。可以将元素的宽度设置为按照内容宽度适配。更改响应式变量切记改变的是其。原创 2024-09-14 14:46:48 · 650 阅读 · 0 评论 -
EP12 分类列表元素点击跳转
文件路径: E:/homework/uniappv3tswallpaper/pages.json{ "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages { "path": "pages/index/index", "style": { "navigationBarTitleText": "uni-app", "navigationStyle": "custom"原创 2024-09-13 20:39:34 · 1228 阅读 · 0 评论 -
EP11 全局颜色变量deep()修改子组件属性
深层组件中修改不了,可能是有冲突被覆盖了,使用。在每一个需要修改颜色属性的位置修改属性。原创 2024-09-13 19:17:08 · 239 阅读 · 0 评论 -
EP10 全局渐变背景色
给所有需要这种背景色的页面添加上。原创 2024-09-13 18:27:41 · 216 阅读 · 0 评论 -
EP9 多端适配ifdef条件编译
文件路径: E:/homework/uniappv3tswallpaper/pages/user/user.vue<template> <view class="userLayout"> <view class="userInfo"> <view class="avatar"> <image src="../../common/images/preview1.jpg" mode="aspectFill"></image&原创 2024-09-13 17:10:44 · 841 阅读 · 0 评论 -
EP8 我的页面布局
【代码】EP8 我的页面布局。原创 2024-09-12 19:45:01 · 451 阅读 · 0 评论 -
EP7 底部tab切换页面标签
没什么可注意的 ^ v ^原创 2024-09-12 18:44:03 · 166 阅读 · 0 评论