<template>
<view class="content">
<scroll-view class="liaotian" scroll-with-animation="true" :scroll-into-view="bc" scroll-y="true" >
<view id="csss5" class="cs" >cs</view>
<view id="csss4" class="cs" >cs</view>
<view id="csss3" class="cs" >{{title}}</view>
<view id="csss2" class="cs" >cs</view>
<view id="csss1" class="cs" >cs</view>
<view id="csss" class="cs" >iioos</view>
</scroll-view>
<view class="shuru">
<textarea value="" placeholder="" />
</view>
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello',
bc: ""
}
},
onReady(){
this.bc = "csss"
this.title = plus.screen.resolutionHeight.toString()
},
methods: {
}
} </script>
<style>
.shuru{
width: 750rpx;
flex: 2;
background-color: #333333;
}
.cs{
height: 500rpx;
}
.liaotian{
height: 1250rpx;
width: 750rpx;
background-color: #007AFF;
flex: 8;
}
.content {
flex: 1;
align-items: flex-start;
}
</style>
