旧阳光-优快云博客

原创 vue实现拖动悬浮框

<template> <div> <div class="drift" @touchstart="dragStart" @touchmove="dragMove" @touchend="dragEnd"> <div><img src="../assets/img/homeimg1.png" @click="toTop"...

2019-10-22 10:24:25 2812 1

原创 fullPage.js分屏滚动插件

直接上代码<!DOCTYPE html><html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /> <meta name="apple-mo...

2019-09-06 16:01:01 721

原创微信小程序上传图片转化为base64格式

上传图片函数 clickimage: function(e) { var index = e.currentTarget.dataset.index; var count = 4; var that = this; wx.chooseImage({ count: count, sizeType: ['compressed'], ...

2019-08-20 11:34:49 4729 1

原创微信小程序保存图片到相册授权被拒绝后重新拉取授权

saveimg: function() { var that = this; wx.showLoading({ title: '保存中', }) wx.downloadFile({ url: that.data.haibaoimg, success: function(res) { var imgpath =...

2019-08-20 11:25:07 1550

原创 vue 星级评论

<template> <div id="shoplist"> <div v-for="(item,index) in 5" :key="index"> <input type="radio" :value="index+1" v-model="inputdata" /> <img src="....

2018-09-05 18:13:54 226

原创小程序text换行问题

这段字符包括中文和中文字符，未设置任何换行样式的情况下，页面显示如下图：首先考虑的去除中文后面空的占位，word-break: keep-all;中文字符不再上浮，接下来要解决的是换行的问题word-wrap: break-word;效果是这样的，这样就好了，css就是下面内容text{word-break: keep-all;word-wrap: break-word;}...

2018-05-08 10:06:46 30550 3

原创微信小程序图片懒加载，图片高度自适应

<view class="container" v-cloak> <scroll-view style="width:{{windowWidth}}px;height:{{windowHeight}}px" scroll-y="true" bindscrolltolower="pullUpLoad"> <view style="displ

2018-04-11 10:44:08 1288

原创 js 点击除此div之外的地方隐藏

$("body").bind("click", function(e) {var target = $(e.target);if(target.closest(".photo img").length == 0) { //点击非当前元素，需要执行的代码}})...

2018-04-11 10:18:44 922

原创 HTML不编译成标签，直接生成字符串解决办法

function ToHtmlString(htmlStr) { return toTXT(htmlStr).replace(/\&lt\;br[\&ensp\;|\&emsp\;]*[\/]?\&gt\;|\r\n|\n/g, "<br/>");}function toTXT(str) { var RexStr = /\<|\>|\...

2018-04-11 10:18:39 3681

qq_37465264的博客