uniapp的cursor属性

`cursor` 属性是用来设置鼠标指针样式的属性，它可以用于所有 HTML 元素。在 Uniapp 中，可以在标签上使用 `cursor` 属性来设置鼠标指针的样式。该属性支持的值如下：

- auto：默认值，浏览器自动设置鼠标指针样式。
- pointer：手形指针，表示链接。
- move：十字形指针，表示可移动的对象。
- text：文本光标，表示可以输入文本。
- not-allowed：圆圈加斜线，表示不允许操作。

示例：

<div cursor="pointer">这是一个链接</div>
<div cursor="move">这是一个可移动的对象</div>
<input type="text" cursor="text" />
<div cursor="not-allowed">不允许操作</div>

注意，在某些设备上，例如移动设备，可能会忽略 `cursor` 属性。

相关问题

uniapp radiobutton

Uniapp中没有原生的radiobutton组件，但是可以通过使用uni-icons和自定义组件来实现类似的效果。以下是一个简单的实现方式：

1. 在pages目录下创建一个radioButton目录，并在其中创建一个radioButton.vue文件。在该文件中编写以下代码：

<template>
  <view class="radio-button" @click="onClick">
    <uni-icons :type="value === checkedValue ? 'success' : 'circle'" />
    <view class="label">{{ label }}</view>
  </view>
</template>

<script>
  export default {
    props: {
      value: String,
      checkedValue: String,
      label: String
    },
    methods: {
      onClick() {
        if (this.value !== this.checkedValue) {
          this.$emit('input', this.value);
        }
      }
    }
  };
</script>

<style>
  .radio-button {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    cursor: pointer;
  }
  .label {
    margin-left: 10px;
  }
</style>

2. 在需要使用radiobutton的页面中引入radioButton组件，并在data中定义一个checkedValue属性来控制选中的值。例如：

<template>
  <view>
    <radioButton v-for="option in options" 
                 :key="option.value" 
                 :value="option.value" 
                 :checked-value="checkedValue" 
                 :label="option.label" 
                 @input="onSelect" />
  </view>
</template>

<script>
  import radioButton from '@/radioButton/radioButton.vue';

  export default {
    components: {
      radioButton
    },
    data() {
      return {
        options: [
          { value: '1', label: '选项1' },
          { value: '2', label: '选项2' },
          { value: '3', label: '选项3' }
        ],
        checkedValue: ''
      };
    },
    methods: {
      onSelect(value) {
        this.checkedValue = value;
      }
    }
  };
</script>

这样就可以在页面上渲染出多个radiobutton，并且通过checkedValue属性来控制选中的值。

uniapp 键盘遮挡输入框

为了解决uniapp中键盘遮挡输入框的问题，可以尝试以下方法：
1.使用scroll-view组件将页面内容包裹起来，并设置scroll-y属性为true，这样当键盘弹出时，页面会自动滚动，从而避免了键盘遮挡输入框的问题。
2.在input标签中增加三个属性：always-embed、adjust-position和cursor-spacing。其中，always-embed属性可以让输入框一直处于embed模式，不会被键盘遮挡；adjust-position属性可以让输入框自动调整位置，避免被键盘遮挡；cursor-spacing属性可以设置输入框与键盘之间的距离，从而避免输入框被键盘遮挡。
下面是一个示例代码：

<scroll-view scroll-y="true">
  <view>
    <input type="text" placeholder="请输入用户名" always-embed="true" adjust-position="true" cursor-spacing="30" />
    <input type="password" placeholder="请输入密码" always-embed="true" adjust-position="true" cursor-spacing="30" />
  </view>
</scroll-view>