uniapp项目小逻辑

1.获取当前路由

var pages = getCurrentPages();
this.routes = pages[pages.length - 2].route;

 2.搜索框输入相同的关键字字体相同,颜色会有改变

<text v-for="(ite,ind) in item.split('')" :key="ind" :style="setColor(ite)">
    {
  {ite}}
</text>
//item是一个字符串,需要将其转化为数组才可以遍历循环,通过在style绑定的事件来形成字体颜色的不同
methods:{
    setColor(ite){
        if(this.value.indexOf(ite) != -1){
               return "background: yellow"
        }
    }

}
//this.value是input输入框的值,通过if来判断是不是相同,是的话返回下标

3. 简述rpx,px,em,rem,%,vh,vw的区别

    rpx    相当于把屏幕宽度分为750份,1份就是1rpx
    px    绝对单位,页面按精确像素展示
    em    相对单位,相对于它的父节点字体进行计算
    rem    相对单位,相对根节点html的字体大小来计算
 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
UniApp 是一个基于 Vue.js 的跨平台开发框架,可以使用 Vue.js 的语法来开发同时适配多个平台的应用程序,包括小程序、H5、App等。下面是一些关于 UniApp 项目开发的常见问题和建议: 1. 如何创建一个 UniApp 项目? 可以通过使用 Vue CLI 或者 HBuilderX 来创建一个 UniApp 项目。Vue CLI 是一个常用的 Vue.js 项目脚手架工具,可以通过它创建并管理 UniApp 项目。HBuilderX 则是一个专门针对前端开发的 IDE,内置了 UniApp开发环境。 2. 如何进行页面开发UniApp 的页面开发和 Vue.js 的开发非常类似,可以使用 Vue.js 的语法编写页面模板、样式和逻辑。同时,UniApp 提供了一些平台特有的组件和 API,可以实现不同平台的差异化功能。 3. 如何进行跨平台适配? UniApp 提供了一些内置的组件和 API,可以实现跨平台适配。可以根据不同平台的特点来编写不同的样式和逻辑代码,也可以使用条件编译来实现不同平台的差异化逻辑。 4. 如何打包和发布应用程序? UniApp 提供了一些命令和工具来打包和发布应用程序。可以使用命令行工具或者 IDE 中的打包功能来生成不同平台的应用程序包。然后,可以根据不同平台的要求进行发布。 总的来说,UniApp 是一个非常方便的跨平台开发框架,可以大大提高开发效率和代码复用性。同时,也需要注意各个平台的差异和特点,以实现更好的用户体验。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值