鸡汤来咯开发学习笔记-21

1.避免主包过大，在把self的功能选项页面，放在分包里面，建立分包pages_self的页面文件夹2.在pages_self里面创建soup文件夹，里面创建文件页面edit.vue但不创建路由在pages.json里面，也无自己的目录。3.在pages.json里面创立分包（主包同级创建），并写好分包里面的页面路由"subPackages": [ { "root": "pages_self", "pages": [ { "path": "soup/edit", //注意写好分包页面路径路由 "style": { "navigationBarTitleText": "编辑"

前端 · 2024-07-13

鸡汤来咯开发学习笔记-20

1.导入外部图标到static/fonts里面，只需要iconfont.css和iconfont.ttf2.再在app.vue中引入这个css文件@import "@/static/fonts/iconfont.css";3.然后使用拓展图标，替换self.vue中的以前的图标（使用custom-prefix） //使用的iconfont里面的图标<uni-icons custom-prefix="iconfont" type="xxm-experiment-fill" size="18" color="#fff"></uni-icons> 然后依次给不同type的进行替换4.给每个项的图标加入不同的颜色<view class="icon" style="background-image: linear-gradient(to right,#55f809,#B4F8C8);"> //向右渐变，从一个颜色到另一个颜色

前端 · 2024-07-13

鸡汤来咯开发学习笔记-19

1.创建自定义用户信息布局，在self页面里面页面<view class="cardLayout"> <view class="list"> <view class="item"> <view class="left"> <view class="icon"> <uni-icons type="camera-filled" size="18" color="#fff"></uni-icons> </view> <view class=&q

前端 · 2024-07-11

鸡汤来咯开发学习笔记-18

1.创建个人中心页面，把self页面弄成通屏在page.json中"navigationStyle": "custom"页面<view :style="{height:getStatusBarHeight()+'px'}"></view> <view class="userinfo"> <view class="left"> <view class="avatar"> <image src="../../static/logo.png" mode=""></image> </view> <view class="info"> <view class="username">ikrins</view>

前端 · 2024-07-11

鸡汤来咯开发学习笔记-17

1.删除弹窗评论官方组件中的安全区，然后自己设置一个安全区//paddingBottom: this.safeAreaInsets + 'px' //在chiken\uni_modules\uni-popup\components\uni-popup这个目录下注释 在弹窗评论组件中设置安全区<view class="safe-area-bottom" :style="{background:'#fff'}"></view> 2.子评论详情页的回复评论区的创建reply.vue页面<view class="replyBar"> <view class="out"> <view class="left">发布一条友好的评论吧</view> <view class="right">

前端 · 2024-07-10
2024 - 2025 ikrins‘Blog. All Rights Reserved.
Theme Jasmine by Kent Liao