|
- <template>
- <scroll-view class="main" scroll-y>
- <view class="aa">
- <view class="bb"></view>
- </view>
- </scroll-view>
- </template>
- <style>
- .main {
- width: 100%;
- height: 100%;
- }
- .group {
- flex-direction: row;
- }
- label {
- margin: 5px;
- }
- .aa {
- position: relative;
- height: 200px;
- width: 200px;
- margin: 100px;
- padding: 10px;
- border: 1px solid black;
- }
- .bb {
- padding: 50px;
- position: absolute;
- border: 1px solid black;
- background-color: yellow;
- transform: rotate(45deg);
- transform-origin: 20% 40%;
- -ms-transform: rotate(45deg); /* IE 9 */
- -ms-transform-origin: 20% 40%; /* IE 9 */
- -webkit-transform: rotate(45deg); /* Safari and Chrome */
- -webkit-transform-origin: 20% 40%; /* Safari and Chrome */
- -moz-transform: rotate(45deg); /* Firefox */
- -moz-transform-origin: 20% 40%; /* Firefox */
- -o-transform: rotate(45deg); /* Opera */
- -o-transform-origin: 20% 40%; /* Opera */
- }
- </style>
- <script>
- export default {
- name: 'test',
- methods: {
-
- }
- }
- </script>
复制代码 |
|