在使用uni-app实现小程序的时候,设置左图的右圆角不生效,样式也都没有问题,在模拟器上也可以正常现实,手机上样式出现差别,现有以下解决方法: 设置整个圆角,然后左边使用margin-left:-30upx,隐藏左边多余的圆角 代码如下: <cover-view class="video-mask-btn"> <cover-view class="video-mask-btn-left"> 视频步骤 </cover-view>

项目中难免会用到自定义图标,那在uni app中应该怎么使用呢? 首先, 将图标目录放在static资源目录下: 在main.js中引入就可以全局使用了 import '@/static/icon-one/icon-one.css' 在页面中的使用: <view class="user-wrap-message-item"> 我的订单 <view class="arrow-right"></view> </view>

uni-app是一个使用vue.js开发跨平台应用的前端框架. 开发者通过编写vue.js代码,uni-app将其编译到Ios,android,微信小程序等多个平台,保证其正确并达到优秀体验. Uni-app继承自vue.js,提供了完整的vue.js开发体验. uni-app组件规范和扩展api与微信小程序基本相同. 有一定vue.js和微信小程序开发经验的开发者可快速上手uni-app,开发出兼容多端的应用. uni-app提供了条件编译优化 pages.json: 配置页面路由,导航条,选

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 根据以上网页下载自己电脑相应的版本的微信开发者工具(目录自己创建),然后进行运行安装(建议下载安装) 微信小程序和app比较相似的方式,都可以这个模式进行开发 在H X创建好项目以后可以再谷歌浏览器运行也可以在微信开发者工具上运行(需要进行适配,这个路径就是你刚刚安装工具的那个路径) 这样你就可以运行查看你刚刚创建的项目的效果了(项目目录大致是相通的就不

canvas 创建canvas绘图上下文. <canvas style="width: 300px; height: 200px;" canvas-id="firstCanvas"></canvas> uni.createCanvasContext(canvasId, this) uni.createCanvasContext(firstCanvas, this) 注意:在自定义组件下,第二个参数传入组件实例this,若不传,则无法显示

<template> <scroll-view v-for="(card, index) in list" :key="index"> <view v-for =(item, itemIndex) in card"> {{item.value}} </view> </scroll-view> </template> GraceUi validatePhone() { // 验证手机号

$emit 子组件传给父组件 $ref 父组件操作子组件 公用模板 uni-app全局变量的几种实现方法 const websiteUrl = 'http' const now = Date.now || function() { return new Date().getTime(); }; const isArray = Array.isArray || function(obj) { return obj instanceof Array }; export default { websi

因为在项目中使用了大量的静态资源图片,使得主包体积过大, 而把这些图片全部放到服务器又有点麻烦,就想能不能把图片也分包,但是直接放在分包下的话导致图片资源找不到了, 在社区中看到大佬分享的十分有用,特此记录下来,原文章链接:https://ask.dcloud.net.cn/question/68773 首先在根目录新建文件vue.config.js vue.config.js中: const path = require('path') const CopyWebpackPlugin = re

app推广:      一.基本情况       我们把推广和调研都放在了一起,主要是调研,主要通过调查问卷和直接访问的方式,让调查的人能够看到我们app的主要功能, 然后做出评价和对此改善的意见.调研推广主要通过QQ,微信和微博的群发功能和发表链接,让有兴趣的人参与进我们的调查.基本 情况如下图所示. 二.问卷和访问分析       通过调查问卷和直接访问我们得知调查的对象主要是广东省的在校大学生.超过一半的人觉得小学生可以用app的方式做数学题目.其余的 都是中立和反对的意见.总的来说四则运

Apple Watch 和 watchOS 第一代产品只允许用户在 iPhone 设备上进行计算,然后将结果传输到手表上进行显示.在这个框架下,手表充当的功能在很大程度上只是手机的另一块小一些的显示器.而在 watchOS 2 中,Apple 开放了在手表端直接进行计算的能力,一些之前无法完成的 app 现在也可以进行构建了.本文将通过一个很简单的天气 app 的例子,讲解一下 watchOS 2 中新引入的一些特性的使用方法. 本文是我的 WWDC15 笔记中的一篇,在 WWDC15 中涉及到

边界是众所周知的,有什么新的东西吗?好吧,我敢打赌,在这篇文章中,有很多你不看永远不知道的东西! 不仅可以用CSS3来创建圆角,使用原有CSS一样可以显示自定义图形.这是正确的(有待考究):在过去,没发现这种技术之前,我们可能使用背景图像定位来显示一个园或箭头.幸运的是,我们能放下PS图象处理软件了. 基础 你可能很熟悉边的最基本用法. 1 border: 1px solid black; 上面的代码将给元素应用1px的边.即简洁又简单:但我们也可以稍作修改. 1 2 3 border-widt

之前已经实现了通过NSUserDefaults去保存用户数据: [已解决]iPhone/iOS中保存自定义对象(Custom Object/Custom Class)的数组(NSMutableArray/NSArray)到NSUserDefaults 以便程序退出后,下次重新打开,加载之前的数据. 但是现在继续调试的过程中,发现一个问题,那就是,有时候NSUserDefaults保存数据没成功,偶尔会失败,导致对于程序数据的改动,没有保存,重启app,改动失效,还是改动之前的效果. 比如,本来当

Native App React Native(RN)发布于2015年,也是使用JavaScript语言进行跨平台APP的开发.与H5开发不同的是,它使用JS桥接技术在运行时编译成各个平台的Native代码,其使用的技术Facebook的Flux技术. 其特点是: 使用JavaScript语言,由于JS被广泛地使用,所以RN也很容易被接受. RN依赖JS的运行时环境,也就是JS桥接技术.其使用Facebook的Flux架构. RN仅提供了UI渲染和设备访问的API,很多功能必须依赖第三方库来实现

作者 | Jeskson来源 | 达达前端小酒馆 uni-app的框架,配置:page.json,manifest.json,package.json,vue.config.js.脚本,应用程序,main.js.日志打印,定时器,生命周期,页面,页面通讯. pages.json文件时用来对uni-app进行全局配置的,它是用来写页面文件的路径,窗口样式,底部的tabbar等,类似于小程序中的app.json的页面管理.这里注意的是定位,在小程序中是在app.json的,而在uni-app中式在m

zhuanzai:  uniapp自定义顶部搜索框兼容微信小程序 自定义组件 navbarvue (胶囊底部高度 - 状态栏的高度) + (胶囊顶部高度 - 状态栏内的高度) = 导航栏的高度 <template> <view class="navbar"> <view class="navbar-fixed"> <!-- 状态栏小程序撑起高度 --> <view :style="{height:sta

1.vertical-align这个属性用于块元素的垂直,居中,行元素用line-height. text-align比如li span时,text-align用于上一句的li的元素时,span才会居中. 2.z-index与abslute一起用的.可以把背景的图片z-index=-1这样子,就没有问题了. 3.img src 与background的区别是: Img中可以调整宽和高,但是background你就不能改变图片的宽高了,一个可以变形,另一个不可以变形. 4.line-height:

http://robots.thoughtbot.com/designing-for-ios-graphics-performance  [原文] In the previous article, we explored different techniques to customize the look and feel of UIButton, assigning to each a difficulty level based on the complexity of the Object

在之前的文章里,我们探讨了基于多种不同技术来实现自定义的UIButton,当然不同的技术所涉及到的代码复杂度和难度也不一样.但是我也有意提到了基于不同方法的实现所体现出的性能表现也不一一相同.   [在屏幕背后的东西] 为了了解性能是如何受到影响的,我们需要进一步地观察iOS里图形实现背后的一些内容.下面这张图呈现了不同的frameworks和libraries之间的一些联系: 在最顶层的就是UIKit,一个在iOS中用来管理用户图形交互的Objc高级的框架,它由一系列的集合类构成,例如UIBu

转自陶丰平的博客   原文的题目是Designing for iOS: Graphics & Performance,晚上花了两个不到小时大致翻译了下. ---Begin--- 在之前的文章里,我们探讨了基于多种不同技术来实现自定义的UIButton,当然不同的技术所涉及到的代码复杂度和难度也不一样.但是我也有意提到了基于不同方法的实现所体现出的性能表现也不一一相同. [在屏幕背后的东西] 为了了解性能是如何受到影响的,我们需要进一步地观察iOS里图形实现背后的一些内容.下面这张图呈现了不同的f

随着CSS3的出现,CSS3讨论的话题越来越多了,现在各种教程也是多如牛毛,不比一年前的时候,找个资料要捞遍整个互联网,而且还很难找到自己需要的参考资料.从侧面也说明,CSS3对于前端工程师来说,越来越重要了,从各处的招聘信息也能看出这一点.说这么说我想强调的是他的重要性.另一方面,有很多CSS3的效果真的不需我们自己一个一个去写,在这种情况就互联网上有关于CSS3的工具就出现了,这些工具将给你的制作节省很多时间,让你有更多的时间去做自己想要做的事情. SVG Edit SVG EDIT是一款在

随着CSS3的出现,CSS3讨论的话题越来越多了,现在各种教程也是多如牛毛,不比一年前的时候,找个资料要捞遍整个互联网,而且还很难找到自己需要的参考资料.从侧面也说明,CSS3对于前端工程师来说,越来越重要了,从各处的招聘信息也能看出这一点.说这么说我想强调的是他的重要性.另一方面,有很多CSS3的效果真的不需我们自己一个一个去写,在这种情况就互联网上有关于CSS3的工具就出现了,这些工具将给你的制作节省很多时间,让你有更多的时间去做自己想要做的事情.经过一年多的收集,我想有必要在w3cplus