您的位置：首页 > 新闻 > 会展 > 网络服务时代_深圳包装设计有限公司_网络营销推广要求_网页推广怎么收取费用

网络服务时代_深圳包装设计有限公司_网络营销推广要求_网页推广怎么收取费用

2024/12/21 20:07:46 来源：https://blog.csdn.net/wang_book/article/details/142596003  浏览:  次   关键词：网络服务时代_深圳包装设计有限公司_网络营销推广要求_网页推广怎么收取费用
网络服务时代_深圳包装设计有限公司_网络营销推广要求_网页推广怎么收取费用

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

总时长 23:40:00 共116P

此文章包含第5p-第p10的内容

文章目录

    • view组件相当于div标签
      • 按下松开例子
      • 冒泡例子
    • text组件 相当于span标签
    • scroll-view
      • 纵向滚动
      • 横向滚动
    • swiper
      • 例子
      • image和swiper配合
      • 展示效果
    • navigator 路由导航
      • 例子
      • 跳转类型
        • reLaunch 跳转后销毁之前的页面（无法返回上一页）
      • 点击跳转到其他小程序 设置target
      • 给图片加上跳转（包裹住image即可）
    • button按钮
      • 例子
    • input输入框
      • 默认占位符 placeholder
      • 设置输入类型
      • 用手机使用ip地址进行查看

view组件相当于div标签

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

按下松开例子

代码
在这里插入图片描述

页面正常的时候
在这里插入图片描述

按下效果
在这里插入图片描述

松开效果（恢复原样）
在这里插入图片描述

冒泡例子

代码
在这里插入图片描述
样式
在这里插入图片描述
正常时候
在这里插入图片描述

点击时都发生了变化
在这里插入图片描述

松开时（恢复原样）
在这里插入图片描述

我们只想让子元素进行改变，父元素不变
添加阻止属性即可
在这里插入图片描述

在这里插入图片描述

ps:在 Vue 模板中，可以直接使用 .stop 修饰符来阻止事件冒泡。
如：

<button @click.stop="childClick">Click Me</button>

text组件 相当于span标签

在这里插入图片描述

使用text组件可以让文本可选 但是要添加属性 selectable=‘true’ 其中 =‘true’可以忽略，只写selectable
在这里插入图片描述
在这里插入图片描述
可以添加多个空格的空间
在这里插入图片描述

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

scroll-view

在这里插入图片描述

纵向滚动

在这里插入图片描述

出现滚动条
在这里插入图片描述

横向滚动

在这里插入图片描述

在这里插入图片描述

不自动换行 white-space:nowrap;
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

swiper

在这里插入图片描述

例子

在这里插入图片描述

100vw代表全屏宽度
在这里插入图片描述

100vh代表屏幕的高度
在这里插入图片描述

查看时会多出一块，因为边框也占了位置，我们添加box-sizing: border-box; 就可以解决
在这里插入图片描述
间隔换颜色
在这里插入图片描述
在这里插入图片描述

加指示点
在这里插入图片描述

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

image和swiper配合

在这里插入图片描述

一般图片都放在static文件夹里
在这里插入图片描述
这里我们存储4张不同类型的图片

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

aspectFill是最常用的格式，对多余的区域进行了裁剪
在这里插入图片描述

在这里插入图片描述

也可以添加网络图片
在这里插入图片描述

展示效果

在这里插入图片描述

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

navigator 路由导航

在这里插入图片描述

例子

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

点击跳转到其他页面
在这里插入图片描述

跳转类型

在这里插入图片描述

在这里插入图片描述

reLaunch 跳转后销毁之前的页面（无法返回上一页）

在这里插入图片描述

点击跳转到其他小程序 设置target

在这里插入图片描述

在这里插入图片描述

给图片加上跳转（包裹住image即可）

在这里插入图片描述

button按钮

在这里插入图片描述

在这里插入图片描述

例子

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

提交时可以让loading变成true 提交后 让其变成false （这只是视觉上的loading）
在这里插入图片描述

input输入框

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

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

默认占位符 placeholder

在这里插入图片描述

在这里插入图片描述

也可以使用class在这里插入图片描述

设置输入类型

在这里插入图片描述

用手机使用ip地址进行查看

如果手机看不到 记得把电脑防火墙5173端口放开 或者整个防火墙关掉（不推荐）
在这里插入图片描述

在这里插入图片描述
也可以给手机键盘右下角的文字进行设置
ps:类型必须是text时才可以
在这里插入图片描述

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

版权声明:

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

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

最新新闻

热搜词

web安全详解（渗透测试基础） 学生信息管理系统_06bg9 【圆圆的日语教室】日语入门第7课-自我介绍（2）深入交流 CF2049 服务器备案全流程超级详细 快速幂笔记

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

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

版权所有：

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