• 2024-04-11零基础开发uni-app 小兔鲜儿 项目及bug记录(上)
    零基础开发uni-app小兔鲜儿项目及bug记录(上)文档食用指南心很挣扎,是要复制官方文档然后再上面基础上进行修改来写这篇博客还是什么(这样从头到尾只要打开我这一个网页即可)想了想,还是算了,就对官方文档做个补充吧。
  • 2024-02-06小兔鲜儿 uniapp - 首页模块 请求封装2月摸鱼计划04
    小兔鲜儿-首页模块涉及知识点:组件通信、组件自动导入、数据渲染、触底分页加载、下拉刷新等。自定义导航栏参考效果:自定义导航栏的样式需要适配不同的机型。操作步骤准备组件隐藏默认导航栏,修改文字颜色样式适配->安全区域静态结构新建业务组件:src/pages/index/componets/Custo
  • 2024-02-05小兔鲜儿 uniapp - uni.request 请求封装 2月摸鱼计划03
    uni.request请求封装添加请求和上传文件拦截器uniapp拦截器:uni.addInterceptor接口说明:接口文档实现步骤基础地址超时时间请求头标识添加token参考代码//src/utils/http.tsconsthttpInterceptor={//拦截前触发invoke(options:UniApp.RequestOptions){//1.
  • 2023-09-27第十节 小兔鲜儿(续)
    day10-小兔鲜儿01-banner-轮播图index.cssHTML结构<!--banner--><divclass="banner"><divclass="wrapper"><!--图片--><ulclass="pic"><li><ahref="#"&g
  • 2023-01-08css综合案例小兔鲜儿
    html部分<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"conten
  • 2022-11-26小兔鲜儿网页案例进阶版1--实现商品放大镜效果
    前面有一章节介绍了使用html+css实现小兔鲜儿网页案例,但是这是一个纯静态网页。最近因为又补充学习了一下前端基础知识WebAPI篇,看到了老师实现的放大镜效果和固定侧边
  • 2022-10-11使用html+css初步完成小兔鲜儿案例
    最近在跟着黑马课程学习搭建小兔鲜儿项目,现阶段主要用HTML+CSS完成静态页面的展示,因此为了加深使用css样式的记忆和学习搭建项目的一些小技巧,此文留下了小笔记。  
  • 2022-09-07vue3项目-小兔鲜儿笔记-登录页02和购物车01
    1.登录-消息提示组件封装组件功能分析:固定顶部显示,有三种类型:成功、错误、警告显示消息提示时需要动画从上滑入组件使用的方式不够便利,封装成工具函数的方式
  • 2022-09-06vue3项目-小兔鲜儿笔记-商品详情页03和登录页01
    1.封装数量选择组件功能分析:默认值为1可限制最大最小值点击-就是减1,点击+就是加1需要完成v-model的双向数据绑定存在无label的情况<scriptsetup>//
  • 2022-09-05vue3项目-小兔鲜儿笔记-商品详情页02
    1.SKU和SPU概念SPU代表一个商品,这个商品可以拥有很多属性SKU代表这个商品可选规格的任意组合,是库存单位唯一标识 2.路径字典大致步骤根据后台返回的sku数据得
  • 2022-09-04vue3项目-小兔鲜儿笔记-商品详情页01
    1.基础布局完成商品详情基础布局,路由配置,搭好页面架子  2.渲染面包屑编写一个钩子函数useGoods.js,将面包屑获取数据的逻辑抽取出来。//拿到商品信息import{
  • 2022-09-03vue3项目-小兔鲜儿笔记-分类模块01
    1.二级类目-筛选区展示获取数据进行品牌和属性的渲染<template><divclass="sub-filter"v-if="filterData&&!filterDataLoading"><divclass="item"><
  • 2022-09-02vue3项目-小兔鲜儿笔记-一级分类页面01
    1.顶级类目-面包屑组件的封装了解render函数和h函数:render函数的返回值是html结构,渲染到#app容器,相对于template里传入html结构,render函数的优先级更高h函数是一个创建
  • 2022-09-01vue3项目-小兔鲜儿笔记-首页04
    1.新了解CSS属性:object-fitobject-fit属性对图片进行剪切,保留原始比例一般用于img标签和video标签。object-fit属性值:fill默认,不保证保持原有比例,内容拉伸
  • 2022-08-30vue3项目-小兔鲜儿笔记-首页03
    1.面板封装提取首页的公用面板进行复用头部标题和副标题由props传入右侧内容由具名插槽right传入查看更多封装成全局组件主体由默认插槽传入
  • 2022-08-28vue3项目-小兔鲜儿笔记-03-首页模块02
    1.骨架效果目的:为了在加载过程中等待效果更好,封装骨架屏组件实现步骤:骨架屏组件需暴露的属性:高、宽、背景颜色,是否启用动画使用插件的方式进行全局注册<templa
  • 2022-08-28vue3项目-小兔鲜儿笔记-02-首页模块01
    1.less自动化导入安装一个vue-cli插件,自动导入less文件vueaddstyle-resources-loader2.头部分类导航组件渲染实现头部一级分类和二级分类的渲染基本步骤:定
  • 2022-08-22vue3项目-小兔鲜儿笔记-01-项目初始化
    1.pinia基础store/modules/user.tsimport{defineStore}from'pinia'//用户模块constuseUserStore=defineStore('user',{state:()=>{return{