您的位置：首页 > 房产 > 建筑 > 网络广告的缺点_web开发培训班_如何做网站设计_代做百度首页排名价格

网络广告的缺点_web开发培训班_如何做网站设计_代做百度首页排名价格

2025/1/30 16:41:38 来源：https://blog.csdn.net/wang_book/article/details/142854529  浏览:  次   关键词：网络广告的缺点_web开发培训班_如何做网站设计_代做百度首页排名价格
网络广告的缺点_web开发培训班_如何做网站设计_代做百度首页排名价格

零基础入门uniapp Vue3组合式API版本到咸虾米壁纸项目实战，开发打包微信小程序、抖音小程序、H5、安卓APP客户端等

总时长 23:40:00 共116P

此文章包含第36p-第p40的内容

文章目录

    • 响应式尺寸单位 rpx
      • 各种工具修改ui给的图片的宽度
        • ps操作步骤
        • 即时设计操作步骤：
    • 导入css样式
      • uni.scss
      • 自定义scss文件 并且使用uni.scss进行引用
    • 页面路由
      • globalStyle(全局样式)
        • 设置导航背景颜色和文字颜色
        • 设置全局标题
        • 隐藏导航栏
        • 开启下拉刷新
        • 触底刷新
      • pages
        • 给单独页面设置导航颜色
        • pages的顺序 排列第一的 会在首页展示
        • 单独页面下拉刷新功能
      • 底部tabBar导航
        • 底部导航数 最低2个最多5个
        • 添加
        • 也可以设置到上面（仅微信小程序支持）
        • 添加图标

响应式尺寸单位 rpx

在这里插入图片描述
rpx是按照屏幕大小为750像素的宽度；即750rpx占整个屏幕的宽度，屏幕的大小变化 会根据750px进行等比例放大缩小
750是默认苹果6的像素大小 开发一般按照都是苹果6的尺寸来的

各种工具修改ui给的图片的宽度

如果ui给的图片的宽度不是750px，我们可以用各种工具进行缩放

ps操作步骤

在这里插入图片描述
长宽锁定 调整大小 即可
在这里插入图片描述

即时设计操作步骤：

在这里插入图片描述

在这里插入图片描述
锁定宽高 改成750 即可
在这里插入图片描述

也可以设置字体大小 这里的字体大小是52 我们设计程序的时候就可以写成52rpx
在这里插入图片描述

在这里插入图片描述

导入css样式

样式来说 App.vue的权重低于页面权重（就近原则）

在这里插入图片描述

在这里插入图片描述

uni.scss

这个文件定义了许多uniapp的变量 可以直接在别的文件里进行引用
在这里插入图片描述

引用

在这里插入图片描述

在这里插入图片描述

也可以在uni.scss里进行自定义设置颜色等变量，添加后需要重启程序 否则可能会导致小程序报错
在这里插入图片描述

自定义scss文件 并且使用uni.scss进行引用

在这里插入图片描述

切记@import 结束的时候要加分号
在这里插入图片描述

页面路由

在这里插入图片描述
在这里插入图片描述

globalStyle(全局样式)

在这里插入图片描述

在这里插入图片描述

设置导航背景颜色和文字颜色

在这里插入图片描述

设置全局标题

如果使用全局标题的话 前面页面没有设置页面名称的都会显示这个
在这里插入图片描述

隐藏导航栏

navigationStyle:"custom"添加后 导航栏会消失（不希望消失的话不要写）
在这里插入图片描述
小技巧：使用qq截图的时候 鼠标放的地方按住ctrl+c 可以copy出十六进制的颜色，只按c可以copy出RGB颜色
在这里插入图片描述

开启下拉刷新

在这里插入图片描述

开启下拉刷新
在这里插入图片描述

在这里插入图片描述

下拉刷新 可以看到背景颜色
在这里插入图片描述

触底刷新

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

还可以设置距离底部多少像素进行触发
在这里插入图片描述
在这里插入图片描述

pages

在这里插入图片描述

在这里插入图片描述

给单独页面设置导航颜色

在这里插入图片描述

在这里插入图片描述

pages的顺序 排列第一的 会在首页展示

在这里插入图片描述
在这里插入图片描述

单独页面下拉刷新功能

可以全局不设置、单独页面设置true 只这一页进行下拉刷新
也可以 全局设置都有刷新，单独页面设置false，这页不刷新

底部tabBar导航

在这里插入图片描述

底部导航数 最低2个最多5个

在这里插入图片描述

在这里插入图片描述

添加

在这里插入图片描述

在这里插入图片描述

也可以设置到上面（仅微信小程序支持）

在这里插入图片描述
在这里插入图片描述

添加图标

可以去iconfont网站搜索一些矢量图标 iconfont-阿里巴巴矢量图标库
在这里插入图片描述
可以下载多种颜色的 进行切换使用
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

我们放到static文件夹的images里
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

版权声明:

本网仅为发布的内容提供存储空间，不对发表、转载的内容提供任何形式的保证。凡本网注明“来源：XXX网络”的作品，均转载自其它媒体，著作权归作者所有，商业转载请联系作者获得授权，非商业转载请注明出处。

我们尊重并感谢每一位作者，均已注明文章来源和作者。如因作品内容、版权或其它问题，请及时与我们联系，联系邮箱：809451989@qq.com，投稿邮箱：809451989@qq.com

最新新闻

热搜词

网易有道开源 “子曰 - o1” 推理模型 魔卡幻想卡牌测评之联动 多块拍 DOA估计模型，OMP算法。DOA-CS算法。 题解：P9661 [ICPC2021 Macao R] Sandpile on Clique 自己制作dns解析服务器,如何使用自己的DNS服务器解析域名，架设自己的DNS服务器... 基于web的职工公寓管理系统(需求文档)

声明：本站所有新闻及新闻图片来源于其他网站，如有侵权，请及时联系我们！

客户服务 | 关于我们 | 版权声明

版权所有：

Copyright 2024 尧图网 All Rights Reserved.QQ:809451989