当前位置: 首页 > news >正文

烟台市建设工程质量检测网站营销云

烟台市建设工程质量检测网站,营销云,wordpress编辑器如何增加行距功能,室内设计师网上接单的平台目录 1.基本介绍 2.原生uinapp 通过uni.showActionSheet实现 3.使用组件 Popup 弹出层 ③效果展示 1.基本介绍 弹出框让我们在需要时在屏幕底部弹出一个菜单,它通常用于在各种应用程序中进行选择操作。Uniapp为我们提供了基本的底部弹出框组件,但它也有…

目录

1.基本介绍

 2.原生uinapp 通过uni.showActionSheet实现

3.使用组件 Popup 弹出层 

        ③效果展示


1.基本介绍

        弹出框让我们在需要时在屏幕底部弹出一个菜单,它通常用于在各种应用程序中进行选择操作。Uniapp为我们提供了基本的底部弹出框组件,但它也有一些自定义功能。

        弹出框组件由两个主要组成部分组成:触发元素和弹出框。触发元素通常是一个按钮或其他形式的UI元素,它与弹出框逻辑相互作用。弹出框是一个以弹出方式显示菜单项的UI元素集合。

 2.原生uinapp 通过uni.showActionSheet实现

        ①在需要的地方,先绑定@click="showActionsheet

        ②在methos中加入跳转事件
       

showActionsheet() {
                  uni.showActionSheet({
                    itemList: [
                        '拍摄图片', 
                        '相册图片'
                    ],
                    success: (res) => {
                      console.log('选择了第' + (res.tapIndex + 1) + '个选项');
                       
                    },
                    fail: (err) => {
                      console.log('弹窗取消');
                    }
                  });
                }

3.使用组件 Popup 弹出层 

        ①代码运行:

        注意:在多个view中使用时,应是二级,否则可能会失效

(通俗点:就是u-popup的外面只能有一个view包裹着)

<template><view>//绑定事件<u-button @click="show = true">打开</u-button><u-popup :show="show" @close="show = false" @open="show=true" mode="top">//展示内容<view><text>出淤泥而不染,濯清涟而不妖</text><text>出淤泥而不染,濯清涟而不妖</text><text>出淤泥而不染,濯清涟而不妖</text></view></u-popup></view>
</template>
<script>export default {data() {return {show: false}}, methods: {open() {// console.log('open');},close() {this.show = false// console.log('close');}}}
</script>

②属性值

        

        ③效果展示

                ​​​​​​​        ​​​​​​​        ​​​​​​​       

http://www.ds6.com.cn/news/16540.html

相关文章:

  • 腾讯云网站建设流程十大门户网站
  • 建设银行网站怎样查询贷款信息吗广州网站优化推广方案
  • 做网站外包大学生百度网址链接是多少
  • 网站备案进程查询百度快速收录教程
  • web 网站模板郑州网络推广代理
  • 政府形象建设 网站更新微信营销的优势
  • 做塑胶原料用什么网站好百度如何优化
  • 有哪些网站建设工作室阿里云免费域名
  • 中小企业网站设计企业查询信息平台
  • 长春自助建站软件微信群发软件
  • 网站建设优化文章营销推广方案范文
  • 南阳那里有做网站的微商软文范例大全100
  • 制作网站的过程如何做品牌营销
  • 高端网站建设案例广州seo公司推荐
  • 建企业网站建设注意问题图片seo优化是什么意思
  • wordpress压力测试移动端seo关键词优化
  • 百度广告怎么投放多少钱网站标题算关键词优化吗
  • 积极推进网站建设培训总结怎么写
  • asp企业网站开发技术深圳优化排名公司
  • 什么是网络营销4p策略网络优化工程师是干什么的
  • 做网站非法吗网站外链推广平台
  • 刚做的网站怎么收录seo入门培训班
  • vs中可以用新建项目来做网站吗百度移动点击排名软件
  • 如何做网站demo南宁在哪里推广网站
  • 浙江建设信息港证书查询百度官方优化指南
  • 查询网站是否备案搜索引擎推广与优化
  • 做php网站的环境关键词筛选
  • 网站建设报价清单明细电子商务网店运营推广
  • 做暧暧前戏视频网站2024最火的十大新闻
  • 做网站需要哪些硬件软件google建站推广