textarea高度存在问题

C-Chicken

经测试,textarea 组件, 设置高度小于 100px 的,不起作用,只有高于 100px 他才能起作用,下面是代码及截图

1. <template name='123'>
   
2.         <view class="page">
   
3.                 <view class="aaa bg-red">
   
4.                         <textarea placeholder="高50px" class="test"></textarea>
   
5.                         <textarea placeholder="高10px" class="test2"></textarea>
   
6.                         <textarea placeholder="高100px" class="test3"></textarea>
   
7.                         <textarea placeholder="高110px" class="test4"></textarea>
   
8.                 </view>
   
9.         </view>
   
10. </template>
    
11. <script>
    
12. export default {
    
13.         name: 'test',
    
14.         apiready() {//like created
    
15. 
    
16.         },
    
17.         data() {
    
18.                 return {
    
19. 
    
20.                 }
    
21.         },
    
22. 
    
23.         methods: {
    
24. 
    
25.         }
    
26. }
    
27. </script>
    
28. <style>
    
29. .test4{
    
30.                 margin-top: 10px;
    
31.         height: 110px;
    
32. }
    
33. .test3 {
    
34.         margin-top: 10px;
    
35.         height: 100px;
    
36. }
    
37. .test2 {
    
38.         margin-top: 10px;
    
39.         height: 10px;
    
40. }
    
41. .test {
    
42.         margin-top: 10px;
    
43.         height: 50px;
    
44. }
    
45. .bg-red {
    
46.         background: rgb(255, 0, 0);
    
47. }
    
48. .aaa {
    
49.         margin-top: 40px;
    
50.         height: 600px;
    
51.         width: 100%;
    
52. }
    
53. .page {
    
54.         height: 100%;
    
55. }
    
56. </style>

复制代码

技术咨询-F

嗯，手机上有效果，实时预览有问题。

C-Chicken

技术支持-F 发表于 2021-4-16 14:31
嗯，手机上有效果，实时预览有问题。

怪不得,还在写样式,一直用 实时预览,还没到同步真机的步骤

技术咨询-F

已反馈

常山赵子云

实时预览中是浏览器的效果，需要显式声明，清除一下textarea那些默认样式。