12 2021 档案

摘要:小程序weui官网:https://developers.weixin.qq.com/miniprogram/dev/extended/weui/ 1.下载weui 进入GitHub https://github.com/weui/weui-wxss/ 进入如下页面,点击红色框选下载程序代码 解压后 阅读全文
posted @ 2021-12-28 15:58 宅女二二 阅读(4585) 评论(0) 推荐(1) 编辑
摘要:最近在做微信小程序,引入weui的时候踩坑了好久,这里记录一下遇到的问题。 微信官方文档给了两种weui引入方式: 通过 useExtendedLib 扩展库 的方式引入,这种方式引入的组件将不会计入代码包大小。 可以通过npm方式下载构建,npm包名为weui-miniprogram 但是注意!! 阅读全文
posted @ 2021-12-28 15:17 宅女二二 阅读(566) 评论(0) 推荐(1) 编辑
摘要:子页(需要选择的): wxml: <view class="box2" wx:for="{{store}}"> <view class="box2_son1" data-id="{{index}}" bindtap="backIndex"> <view class="box2_son1_left"> 阅读全文
posted @ 2021-12-22 11:42 宅女二二 阅读(44) 评论(0) 推荐(0) 编辑
摘要:js: // 打开地图导航 seeMap: function(e){ var me = this; let id = e.currentTarget.dataset.id; var stores = me.data.data.data; var latitude = stores[id].latit 阅读全文
posted @ 2021-12-21 16:00 宅女二二 阅读(1050) 评论(0) 推荐(0) 编辑
摘要:小程序的wx.getLocation()获得是经纬度并不包含地名,所以要通过经纬度用相应的地图转换出地名(本文使用的是百度地图) // 获取坐标 onLoad: function (options) { wx.getLocation({ type: 'gcj02', //wgs84/gcj02 gl 阅读全文
posted @ 2021-12-17 18:31 宅女二二 阅读(1260) 评论(0) 推荐(0) 编辑
摘要:一、Chinese: 汉化 二、Live Server: 同步浏览器刷新。 安装好后,在html页面右键:Open With Live Server 三、Color Highlight Color Highlight - Hue show better version 能分析css语法,高亮那些带有 阅读全文
posted @ 2021-12-15 15:01 宅女二二 阅读(42) 评论(0) 推荐(0) 编辑
摘要:一、在typescript.ts转换成.js运行时报错解决办法: 1、第一步:鼠标在vscode软件上右击打开属性–>兼容性–>以管理员的身份运行此程序,如下图: 2、第二步:打开vscode后,Shift+Ctrl+~ 打开终端,输入执行以下命令:get-ExecutionPolicyset-Ex 阅读全文
posted @ 2021-12-15 14:48 宅女二二 阅读(617) 评论(0) 推荐(0) 编辑
摘要:wxml: <view class="tab_box" catchtap="changeOil"> <view class='{{num==1?"tab_box_1":"tab_box_1a"}}' data-num='1'>门店自提</view> <view class='{{num==2?"ta 阅读全文
posted @ 2021-12-13 14:42 宅女二二 阅读(492) 评论(0) 推荐(0) 编辑
摘要:wxml: <!-- 遮罩层 --> <view wx:if="{{carAdd}}"> <view class="cover" catchtap="closeBg"></view> <view class="wxshare"> <view class="add_box1"> <view class 阅读全文
posted @ 2021-12-11 18:05 宅女二二 阅读(279) 评论(0) 推荐(0) 编辑
摘要:在微信小程序 里实现跑马灯效果,类似滚动字幕或者滚动广告之类的,使用简单的CSS样式控制,没用到JS wxml: <!-- 复制的跑马灯效果 --> <view class="marquee_container" style="--marqueeWidth--:-12em"> <view class 阅读全文
posted @ 2021-12-11 11:52 宅女二二 阅读(685) 评论(1) 推荐(0) 编辑
摘要:想实现效果: 点击后跳转 wxml: <view class="fiveson"> <view class="fiveson-son" bindtap="onepay"> <view class="son-icon"> <image src="../../images/icon/oneimg.png 阅读全文
posted @ 2021-12-08 17:53 宅女二二 阅读(147) 评论(0) 推荐(0) 编辑
摘要:<!-- 改版的wxml: --> <swiper indicator-dots="{{indicatorDots}}" circular="true" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" s 阅读全文
posted @ 2021-12-06 17:31 宅女二二 阅读(146) 评论(0) 推荐(0) 编辑
摘要:1.在自己的博客园中找到管理->设置页面 2.在页首 HTML 代码中插入 <!-- 悬挂的喵 --><script type="text/javascript" src="https://blog-static.cnblogs.com/files/fsh001/szgotop.js"></scri 阅读全文
posted @ 2021-12-03 17:29 宅女二二 阅读(41) 评论(0) 推荐(0) 编辑
摘要:前端: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-sca 阅读全文
posted @ 2021-12-03 10:19 宅女二二 阅读(1539) 评论(0) 推荐(0) 编辑
摘要:素材来源:https://www.lanrenzhijia.com/others/5024.html 简单说下我自己的步骤: 把<script type="text/javascript" src="js/jquery.js"></script> 替换成<script type="text/java 阅读全文
posted @ 2021-12-03 10:03 宅女二二 阅读(326) 评论(0) 推荐(0) 编辑
摘要:<!doctype html><html><head><meta charset="utf-8" /><title>流星雨</title><meta name="keywords" content="关键词,关键字"><meta name="description" content="描述信息">< 阅读全文
posted @ 2021-12-02 18:07 宅女二二 阅读(279) 评论(0) 推荐(0) 编辑
摘要:设置步骤 点击博客园的 【管理】 → 【设置】 → 一直往下拉, 找到 【页首Html代码】,添加如下代码内容, 保存即可: <script type="text/javascript"> /* 鼠标特效 */ var a_idx = 0; jQuery(document).ready(functi 阅读全文
posted @ 2021-12-02 18:00 宅女二二 阅读(74) 评论(0) 推荐(0) 编辑
摘要:只需在网页中引入这三行代码即可! <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/ 阅读全文
posted @ 2021-12-02 17:57 宅女二二 阅读(50) 评论(0) 推荐(0) 编辑
摘要:<a style="cursor:pointer">手型</a> 阅读全文
posted @ 2021-12-02 15:36 宅女二二 阅读(15) 评论(0) 推荐(0) 编辑
摘要:/** * 判断访问类型是电脑还是手机 */ $(function(){ var mobile_flag = isMobile(); // true为PC端,false为手机端 if(mobile_flag){ // window.location.href = " https://www.baid 阅读全文
posted @ 2021-12-02 15:35 宅女二二 阅读(116) 评论(0) 推荐(0) 编辑
摘要:<!-- 视频播放内容 --> <!-- autoplay准备就绪会自动播放 --> <!-- controls,要自定义得去掉这个 --> <video id="myVideo" class="video-main" controls> <source src="./movies/movie.og 阅读全文
posted @ 2021-12-02 15:33 宅女二二 阅读(163) 评论(0) 推荐(0) 编辑
摘要:.cotover{ background-color: #fff; width: 100%; height: 89.6vh; overflow-y:scroll; } .cotover::-webkit-scrollbar{ width:2px; height:100%; background-co 阅读全文
posted @ 2021-12-02 15:27 宅女二二 阅读(34) 评论(0) 推荐(0) 编辑
摘要:参考来源: https://www.bilibili.com/video/BV1ux411d75J?p=168&spm_id_from=pageDriver 阅读全文
posted @ 2021-12-02 15:25 宅女二二 阅读(8) 评论(0) 推荐(0) 编辑
摘要:参考链接: https://blog.csdn.net/qq_36699230/article/details/104001003 阅读全文
posted @ 2021-12-02 15:22 宅女二二 阅读(19) 评论(0) 推荐(0) 编辑
摘要:参考链接: https://blog.csdn.net/sxs1995/article/details/80091924 阅读全文
posted @ 2021-12-02 15:21 宅女二二 阅读(7) 评论(0) 推荐(0) 编辑
摘要:CSS部分 .big_box2-2{ width: 150rpx; height: 200rpx; background-color: #ffff00; position: fixed; z-index: 999; right: 0rpx; top: 550rpx; } .redcard{ widt 阅读全文
posted @ 2021-12-02 15:17 宅女二二 阅读(26) 评论(0) 推荐(0) 编辑
摘要:display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 2; -webkit 阅读全文
posted @ 2021-12-02 15:15 宅女二二 阅读(557) 评论(0) 推荐(0) 编辑
摘要:尝试1(失败): “爱恨原则” 尝试2(失败): button::after{ border: none; } 尝试3(成功): button{ outline:none; } 先试下outline:none 不行用下面这个 filter:chroma(color=#000000);参考来源忘了,, 阅读全文
posted @ 2021-12-02 15:11 宅女二二 阅读(104) 评论(0) 推荐(0) 编辑
摘要:scroll-view 里面继续套一个 scroll-view ,设置纵向允许滚动 <swiper class="swiper"> <swiper-item> <scroll-view scroll-y="true" class="scroll"> <!-- 这里是内容 --> </scroll-v 阅读全文
posted @ 2021-12-02 15:09 宅女二二 阅读(184) 评论(0) 推荐(0) 编辑
摘要:resize:none;参考链接:https://blog.csdn.net/weixin_33696106/article/details/94558204 阅读全文
posted @ 2021-12-02 14:09 宅女二二 阅读(48) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示