工作笔记

最新推荐文章于 2021-01-28 15:00:25 发布

Mybabyying

最新推荐文章于 2021-01-28 15:00:25 发布

阅读量185

点赞数

分类专栏：工作

本文链接：https://blog.youkuaiyun.com/Mybabyying/article/details/107252281

版权

工作专栏收录该内容

2 篇文章

订阅专栏

4.（2020.8.13）微信小程序内嵌H5缓存问题

给H5链接添加版本号

1.（2020.7.10）uniapp中定义的方法调用为undefined

解决：

var contextr =this ;
contextr.onLoad()

2.（2020.7.15）uniapp实现：点击放大某个区域，点击区域外部分缩小（含过渡效果）

html:

<view @click="pos4_lessen" :class="{active:isActive,actives:isActives}" style="position:relative;width:750rpx;height:1200rpx;background-color:#fff;top: 120rpx;" >
    <image @click.stop="pos4_largen"  class="city-pos4" :src="imgUrl" style="width: 454rpx;height:454rpx;" ></image>
</view>

js:

export default {
		data() {
			return {
				isActive:false,
				isActives:true
			}
		},


		methods: {
			// 六月放大
			pos4_largen(e){
				this.isActive = true
				this.isActives =false
			},
			pos4_lessen(){
					this.isActive = false
					this.isActives = true
			},
		},
}

css:

.active{
		transition: transform 2s;    //过渡时间    
		transform: scale(1.8);       //放大倍数
		transform-origin:123% 47%;   //放大基数
	}
	.actives{
		transition: transform 2s;
		transform: scale(1);
		transform-origin:123% 47%; 
	}