提交 f75a311a 编写于 作者: 张磊

修改transition示例,修改transform示例,统一web与安卓的逻辑。

上级 659e8ec9
...@@ -29,9 +29,9 @@ ...@@ -29,9 +29,9 @@
<text class="text">点击修改Transform</text> <text class="text">点击修改Transform</text>
<view class="base-style transition-transform" id="styleTransform" @click="changeTransform"></view> <view class="base-style transition-transform" id="styleTransform" @click="changeTransform"></view>
</view> </view>
<view class="container"> <view class="container" @click="changeTransformWithOrigin">
<text class="text">点击修改Transform(含transform-origin)</text> <text class="text">点击修改Transform(含transform-origin)</text>
<view class="base-style transition-transform" style="transform-origin: 0 0;" id="styleTransformWithOrigin" @click="changeTransformWithOrigin"></view> <view class="base-style transition-transform" style="transform-origin: 0 0;" id="styleTransformWithOrigin"></view>
</view> </view>
<view class="container"> <view class="container">
<text class="text">点击修改Border</text> <text class="text">点击修改Border</text>
...@@ -86,8 +86,8 @@ ...@@ -86,8 +86,8 @@
methods: { methods: {
changeWidthOrHeight() { changeWidthOrHeight() {
this.widthOrHeight?.style?.setProperty("width", this.isTranstionWidthOrHeight this.widthOrHeight?.style?.setProperty("width", this.isTranstionWidthOrHeight
? '60%' ? '190px'
: '100%') : '300px')
this.isTranstionWidthOrHeight = !this.isTranstionWidthOrHeight this.isTranstionWidthOrHeight = !this.isTranstionWidthOrHeight
}, },
changeMargin() { changeMargin() {
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册