uniapp uni-textarea 300px

UniApp 是一个基于 Vue.js 开发的跨平台应用框架，可以同时构建 iOS、Android 和 Web 应用。而 `uni-textarea` 是 UniApp 中的一个组件，用于创建文本输入框。

如果你想设置 `uni-textarea` 的高度为 300px，可以在该组件的样式中添加 `height: 300px;`。例如：

<template>
  <view>
    <uni-textarea class="my-textarea"></uni-textarea>
  </view>
</template>

<style>
.my-textarea {
  height: 300px;
}
</style>

这样设置后，`uni-textarea` 的高度将会被固定为 300px。你可以根据自己的需要进行调整。

相关问题

uniapp小程序有没有组件实现块状文本框

Uniapp小程序中有多种方式可以实现块状文本框，其中包括使用原生的 `textarea` 组件、使用第三方的富文本编辑器组件等。

如果你想要实现一个类似于“输入框+标签”的块状文本框，可以考虑使用 `uni-taginput` 组件，它可以让用户输入内容并自动将输入的内容转化为一个个标签。

如果你需要一个更加自由度的块状文本框，可以使用 `textarea` 组件，并在其外层添加一个 `div` 元素作为容器，然后通过样式调整使其呈现出块状的效果。

下面是一个简单的示例代码：

<template>
  <div class="block-textarea">
    <textarea></textarea>
  </div>
</template>

<style>
.block-textarea {
  border: 1px solid #ccc;
  width: 100%;
  padding: 10px;
  border-radius: 5px;
}

textarea {
  border: none;
  width: 100%;
  height: 100px;
  resize: none;
}
</style>

当然，以上只是示例代码，你可以根据自己的需求进行调整。

uniapp android 设置光标

在uniapp中，我们可以通过设置textarea组件的属性来控制在Android设备上的光标样式和位置。首先，我们需要在页面中引入textarea组件，并设置相应的属性。

例如，如果我们想要设置光标的样式为竖线（vertical bar），可以按照以下步骤进行操作：

1. 在页面的template中添加textarea组件，并设置一个id属性，例如：

<template>
  <textarea id="myTextarea"></textarea>
</template>

2. 在页面的script中，通过uni.createSelectorQuery()方法获取textarea元素的实例对象，并设置光标的样式。代码如下：

import uni from 'uni-app'

export default {
  mounted() {
    uni.createSelectorQuery()
      .select('#myTextarea')
      .fields({ caret:true })
      .exec((res) => {
        // 获取到textarea的实例对象
        const textarea = res[0]
        // 设置光标样式为竖线
        textarea.style.caretColor = 'black'  // 设置光标颜色
        textarea.style.caretWidth = '1px'    // 设置光标宽度
        textarea.style.caretStyle = 'solid'  // 设置光标样式
      })
  }
}

通过以上方式，我们可以在Android设备上将textarea组件的光标样式设置为竖线。需要注意的是，此方法只适用于Android设备，在iOS设备上无效。如果需要在iOS设备上设置光标样式，需要使用原生开发的方式进行处理。