启用外部样式: 自定义组件: v-tag在html 引入在组件写外部样式的css : .ex-tag {background-color: #fffbdd ; }在组件使用该外部的样式这个时候我们发现没有效果 我们应该使用!important 强制覆盖样式 .ex-tag { background-color: #fffbdd !important; }效果:以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
前言作为一个前端开发者,从最开始的js、jQuery一把梭,后来的vue、react、angular等MVVM、MVC框架,我们在开发工程中都离不开HTTP库的使用。HTTP库1、jQuery的$.ajax调用了XMLHttpRequest对象,封装在相关函数在配置项中,一旦传入了必需选项,则直接调用相应的send()方法进行数据的请求2、Axios基于Promise的请求库,通过判断XMLHTTPRequest对象存在与否,来支持客户端和node服务端发送请求,封装的很不错的HTTP库,支持promise、...
前言 今天在做新需求的时候发现个很尬的问题:我们项目的小程序是直接输入账号密码进行登录的,不是平常的获得用户授权登录的模式,所以当我使用wx.getLocation一直拉不下来授权一直进fail不去success的时候我开始慌了 我以为是由于这个登录模式不同导致,然后我就开始疯狂骚扰我的小伙伴,问是不是这种登录模式会拉不到用户授权(在这里感谢我的小伙伴们没打死我,反而认真给我解惑),后来我清了下开发者工具缓存就能拉下...
这篇文章主要介绍了微信小程序 checkbox使用实例解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 效果图如下:实例代码如下:type_add.js // pages/detail_add/detail_add.js Page({/*** 页面的初始数据*/data: {selectData: "", //下拉列表的数据height: 20,focus: false},checkboxChange: function(e) {console.log(checkbox发生change事件,携带value值为:, e.detail.va...
这篇文章主要介绍了微信小程序 wx:for遍历循环使用实例解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 效果图如下:实现代码如下:type.js: // pages/type/type.js Page({/*** 页面的初始数据*/data: {types: ""},editType: function (e) {var typeId = e.currentTarget.dataset[id];console.log("edit:"+typeId);wx.navigateTo({url: ../type_edit/type_edit?typeId= + ty...
这篇文章主要介绍了微信小程序 搜索框组件代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 代码如下 search.wxml <view class="header"><view class="search"><icon type="search" size="18" color=""></icon><input type="text" confirm-type="search" bindconfirm="onConfirm" value="{{value}}" /><icon type="clear" size="18" bind:tap="onToggle" /></view><but...
方法一:onPullDownRefresh和onReachBottom方法实现小程序下拉加载和上拉刷新 首先要在json文件里设置window属性 设置js里onPullDownRefresh和onReachBottom方法 下拉加载说明: 当处理完数据刷新后,wx.stopPullDownRefresh可以停止当前页面的下拉刷新。 onPullDownRefresh(){console.log(--------下拉刷新-------)wx.showNavigationBarLoading() //在标题栏中显示加载wx.request({url: https://URL,data: {},method: GET,// OPTI...
1.方法封装(新建文件夹util,工具文件,在文件夹下创建request.js文件,用于对方法封装)request.js: var app = getApp(); //项目URL相同部分,减轻代码量,同时方便项目迁移 //这里因为我是本地调试,所以host不规范,实际上应该是你备案的域名信息 var host = http://localhost:8081/demo/;/*** POST请求,* URL:接口* postData:参数,json类型* doSuccess:成功的回调函数* doFail:失败的回调函数*/ function request(url,...
简介 看到今日头条小程序页面可以滑动切换,而且tab导航条也会跟着滚动,点击tab导航,页面滑动,切导航栏也会跟着滚动,就想着要怎么实现这个功能 像商城类商品类目如果做成左右滑动切换类目用户体验应该会好很多,我这里只是一个小demo,没有怎么去考虑数据的问题,主要是想着去实现这么个功能,有可能后期引入数据后会出现问题,欢迎提出互相讨论 解决过程 1.在想要实现这个问题的时候找了不少别人的博客看,主体页面布局方面是...
动画效果: wxml: <view class=main><!--正面的框 --><view class="box b1" animation="{{animationMain}}" bindtap=rotateFn data-id="1" ><image src=""></image></view><!--背面的框 --><view class="box b2" animation="{{animationBack}}" bindtap=rotateFn data-id="2"><image src=""></image></view> </view>wxss: .main {position: absolute;top: 50%;left: 50%;width: 300px;height: 300px;transform: translate(-50%...
动画效果如下:GIF看起来可能会有点卡 wxml <view class="confirm bubble">确定</view>wxss .confirm{width: 325rpx;height: 80rpx;background: #07c160;border-radius: 6rpx;font-size: 30rpx;color: #fff;line-height: 80rpx;text-align: center;} .bubble{ position: relative;overflow: hidden; } .bubble:after{content: "";background: #999;position: absolute; width: 750rpx;height: 750rpx;left: calc(50% - 375rpx);top...
功能: 1、需要多选复选框,并且可以上拉滚动; 2、需要通过名称手写字母排序的,并且可以上拉滚动; 常规的小程序自带的原生picker无法满足我们的要求,因此一些特殊效果需要我们自定义来实现,废话不多说,我们直接看效果:index.wxml布局 <view class="container"><view class=class bgFFF bindtap=isDep><view class=class-text><text class=red> </text><text>开放部门</text></view><view class=class-choose><text class=...
最近在做小程序的项目,由于用户需求在进入页面时进行选则角色,然后再进入小程序,这时看到的底部菜单看到的不一样,而我们都知道原生的tabBar是不支持这种做法的。在网上搜集了海量资料后发现无非两种解决方法:1.是建立模板,可是会有不能忍受的抖动;2.是利用小程序的组件开发;但是项目已经进行了一般,不可能再进行大的改变; 怎么办呢?? 无意在一条评论中发现说微信官方已经提供该组件,于是在小程序文档中寻找很久才在一个...
这篇文章主要介绍了微信小程序 简易计算器实现代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 只能进行简单的运算 效果图如下:cal.wxml <view class="screen">{{result}}</view> <view class="content"> <view class="buttonGroup"><button id="{{id1}}" bindtap="clickButton" class="buttonitem color1" hover-class="shadow">清除</button><button id="{{id2}}" ...
一、在微信小程序里显示室内三维地图 需要满足的两个条件 调用ESMap室内地图需要用到小程序web-view组件,想要通过 web-view 调用ESMap室内地图需要满足以下 2 个条件: 1. 小程序是企业主体,微信 web-view 组件不对个人类型的小程序开放。 2. 您需要有一个自己的域名,在嵌入网页的时候需要在微信后台验证域名(只有自己域名下的网页才能被正确地显示哦,不能随便找一个公开链接)。二、具体实现步骤 1、域名验证: 由于微信平台...