HuYiMin1998的博客

原创 pixi更新加载图片

PIXI.loader.load(() => { var imgRand = ""; imgRand = "?rand=" + Math.random(); PIXI.loader.resources[name].data.src = update.url + imgRand; PIXI.loader.resources[name].texture.update(); });

原创 pixi-老虎机实现

jsimport cloud from '@tbmp/mp-cloud-sdk';import * as PIXI from "@tbminiapp/pixi-miniprogram-engine";const { registerCanvas, devicePixelRatio } = PIXI.miniprogram;cloud.init({ env: 'test'});const resource = require('./resource.json');//资源let resou

原创 小程序之视频不可见

小程序中视频在安卓手机上有画面，而苹果手机有声音却看不到是因为videoId长度过长导致，用下面代码let videoId= 'video-' + new Date().getTime()+ Math.round(Math.random() * 1000);如果什么都没有，是视频格式问题或视频本身问题，一般安卓支持MP4，苹果支持m3u8.，用下面代码 let videoModel = (my.getSystemInfoSync().system == 'iOS') ? 'm3u8' : 'mp4'

原创 阅读过的网址

开发平台-文档中心https://miniapp.open.taobao.com/docV3.htm?docId=1464&docType=20&source=search#ss11淘宝开发平台https://console.open.taobao.com/#/index旺铺-素材中心https://sucai.wangpu.taobao.com/?spm=a21bns.21065540.0.0.2e38225br0RZoE#/?_k=kuny1misv开放平台https://

原创 如何把程序添加到右键菜单

1.win+r输入regedit，【Enter】键，打开“注册表编辑器”对话框。2.在注册表编辑器中输入计算机\HKEY_CLASSES_ROOT*,在“Shell”子项下再新建一个自己定义名称文件夹，然后在默认值中自己输入默认名称，然后在里面新建一个之后在扩充字符串值，在里面填入程序的所在位置。自己定义文件夹中新建command，在默认值中输入"程序所在位置" “%1”。3.在计算机\HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Directory\shell,与上面步骤一样

原创 小程序之收缩轮播

axml<swiper style="width:714rpx;height:{{moduleHeight}}rpx;position:relative;"> <swiper-item> <scroll-view catchTouchStart="catchstart" catchTouchMove="catchmove" catchTouchEnd="catchend"> <view style="display:flex;flex-di

原创 小程序之翻页效果

axml<view onTap="a" style="background:#fcc;position:relative;width:714rpx;height:1000rpx;display:flex;flex-direction:column;align-items:center;justify-content:center"> <view style="width:{{picWidth}}rpx;height:{{picHeight}}rpx;background-color:

原创 MySQL密码重置

1.用管理员来运行cmd，暂停mysql服务C:\Windows\system32>net stop mysql2.cd 切换到MySQL的安装目录C:\Windows\system32>cd C:\Program Files\MySQL\MySQL Server 8.0\bin3.设置跳过mysql登陆密码mysqld --console --skip-grant-tables --shared-memory如果这里出现错误：如2020-6-10T14:29:24.2059

原创 前端环境搭配，项目创建

1.先安装node.jshttps://nodejs.org/en/download/2.用npm安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org3.cnpm创建vue-clicnpm install -g vue-cli4.vue-cli创建项目名为demo项目vue init webpack demo5.接下来按回车，或yes/no6.安装成功后输入cnpm start...

原创 小程序之图片路径转换

图片路径getImages(moduleData, name) { if (moduleData[name] && typeof moduleData[name] == 'string') { return { src: moduleData[name] } } else if (moduleData[name] && moduleData[name][name] && typeof moduleData[name][

原创 小程序之解决图片过大的组件

在plugin目录下新建一个package.json文件{ "dependencies": { "tb-shop-picture": "*", "tb-shop-video": "*" }}进入到plugin目录下，执行npm i命令cd ./pluginnpm i 在 projectRootPath/plugin/components/index/index.json引入{ "component": true, "usingComponents": {

原创 淘宝表单图片组件

"picImages": { "extension": { "dialogType": "dialog", "relateData": "wigete_id", "sendDataType": "url", "dele": true, "moduleType": "single_image", "limitHeight": false, "text": "添加图片",

原创 小程序之云函数查/增/删/改

云函数查/增/删/改 let option = { collectionName: "rotateDraw", //数据库表名 queryWay: "find", //操作类型find/insertOne/deleteMany/updateMany screen: { openId: openId },//条件 } cloud.function.invoke('luckTurn', option, 'main').

原创 小程序之扇形转盘

axml<!-- 扇形转盘 --><view style="position:relative;display:flex;flex-wrap:wrap;justify-content:center;height:{{moduleHeight}}rpx;background:{{moduleBgColor}} url({{moduleBgImg}});background-size:100% 100%"> <view style="display:flex;justify

原创 小程序之数据保存

存入数据setStorage(dataType, data) { let { gdc } = this.props.data; let self = this; let key = gdc.userId + "_" + gameName + "_" + dataType; my.setStorage({ key: key, data: data, success: function (res) {//存入成功

原创 小程序之找茬游戏

axml<view style="width:714rpx;height:1190rpx;"> <view style="position:relative;width:714rpx;height:1190rpx;"> <!-- 主界面 --> <view a:if="{{mainBanner}}"> <view style="positon:relative;width:714rpx;height:1190rpx;ba

翻译 小程序之2d平铺

const app = new PIXI.Application({ backgroundColor: 0x103322 });document.body.appendChild(app.view);const squareFar = new PIXI.Sprite(PIXI.Texture.WHITE);squareFar.tint = 0xff0000;squareFar.factor = 1;squareFar.anchor.set(0.5);squareFar.position.set

原创 小程序之pixi平铺

const app = new PIXI.Application();const texture = PIXI.Texture.from('https://img.alicdn.com/imgextra/i4/39767794/O1CN01w2cw6E27RhbWR9ovn_!!39767794.png');const tilingSprite = new PIXI.TilingSprite( texture, app.screen.width, app.screen.heigh

原创 小程序之pixi应用

axml<canvas id="canvas" type="webgl" onReady="onCanvasReady" class="canvas" ></canvas>js//引入pixi引擎 import * as PIXI from "@tbminiapp/pixi-miniprogram-engine";// registerCanvas 注册canvas给PIXI const { registerCanvas, devicePixelRatio } = PI

原创 小程序之多图滑动缩放

axml<swiper style="height:{{moduleHeight}}rpx"> <swiper-item> <scroll-view catchTouchStart="start" catchTouchMove="move" catchTouchEnd="end"> <!-- 多图滑动 --> <view style="display:flex;justify-content:center;width

原创 小程序之单品半圆滑动

axml<!--单品半圆滑动 --><view style="position:relative;display:flex;justify-content:center;width:714rpx;margin:0 auto;height:{{moduleHeight}}rpx;background-color:{{moduleBgColor}}"> <!-- 底层滑动 --> <view style="width:714;height:{{moduleH

原创 小程序之高级转盘

axml<!-- 转盘--><view style="display:flex;width:714rpx;marign:0 auto;background-size: 100% 100%;height:{{moduleHeight}}rpx;background-image:url({{moduleBgImg||moduleBgImage}});background-color:{{moduleBgColor}}"> <!-- 外圆 --> &lt

原创 小程序之3d滑动

axml<swiper style="height:{{moduleHeight}}rpx;max-height:1190rpx;"> <swiper-item> <scroll-view catchTouchStart="catchstart" catchTouchMove="catchmove" catchTouchEnd="catchend"> <!-- 3d多图滑动 --> <view style="widt

原创 小程序之卡片翻转

axml<swiper style="height:{{moduleHeight}}rpx;"> <swiper-item> <scroll-view catchTouchStart="start" catchTouchMove="move" catchTouchEnd="end"> <!-- 多图滑动 翻转 --> <view style="display:flex;width:714rpx;height:{{mo

原创 小程序之手风琴滑动

axml<swiper style="height:{{moduleHeight}}rpx"> <swiper-item> <scroll-view catchTouchStart="start" catchTouchMove="move" catchTouchEnd="end"> <!-- 手风琴滑动 --> <view style="display:flex;width:714rpx;margin:0 auto;

原创 小程序之图片限制

图片<div style="display:flex;flex-direction: column;flex-wrap: wrap;"><img src="https://img.alicdn.com/imgextra/i4/39767794/O1CN01koztNp27Rhb3Fx15u_!!39767794.png"></img><img src="https://img.alicdn.com/imgextra/i2/39767794/O1CN01T0nQ

原创 小程序之滑动缩放

HTML<swiper style="height:{{moduleHeight}}rpx"> <swiper-item> <scroll-view catchTouchStart="start" catchTouchMove="move" catchTouchEnd="end"> <!-- 滑动展开 --> <view style="display:flex;flex-wrap:wrap;width:714rpx;

原创 小程序之旋转轮播

HTML<view style="width:714rpx;display:flex;background-color:#ddd;margin:0 auto;"> <view onTouchStart="Start" onTouchEnd="End" style="perspective:600px;transform-style: preserve-3d;position:relative;display:flex;width:714rpx;height:{{picHeight}}

原创 小程序之卡片滑动

布局<swiper style="height:{{50+picHeight*(1+0.1*(showIndex-1))+cardTop+cardBottom}}rpx"> <swiper-item> <scroll-view catchTouchStart="onTouchStart" catchTouchMove="catchmove" catchTouchEnd="onTouchEnd" > <view style="width:71

原创 小程序之视频卡顿问题

<!-- 视频 --> <view a:if="{{(item.videoSrc)?true:false}}"> <view style="width:{{picWidth}}rpx;height:{{picHeight}}rpx;"> <video id="myVideo{{index}}" custom-cac.

原创 小程序之双层卡盘

<!-- 双层卡盘 --><view style="width:714rpx;margin:0 auto;background-color:{{moduleBgColor}};display:flex;flex-wrap:wrap;justify-content:center;"> <!-- 切换功能 --> <view style="display:flex;flex-wrap:wrap;justify-content:center"> &

原创 淘宝常见模块

图片模块代码"image": { "type": "TaobaowpSingleImage", "dataName": "image", "label": { "description": "", "title": "上传图片" }, "wrapperStyle": { "margin": "0" }, "style": {}, "extension": {

原创 淘宝模块中宝贝跳转链接

<view data-url="{{babyInt==1?item.h5Url:item.url}}" onTap="onClickBaby"> /** * 宝贝点击跳转 * @param {宝贝链接} url */ onClickBaby(e) { const { mds = {} } = this.props.data; console.log(e.currentTarget.dataset.url) let go.

原创 在淘宝模块获取商品信息

const { data } = this.props; let moduleData = data.mds.moduleData; if (!moduleData.spread_price) { moduleData.spread_price = {} } //查询宝贝数据 let obj = { sellerId: data.gdc.userId || 39767794, isAuto: moduleData.sprea...

原创 在小程序中获取元素节点

原创 小程序scroll-view组件滑屏

在scroll-view组件外面加一层swiper组件能解决屏幕整体滑动问题

原创 在css中获取小程序js中数据