作为uniapp开发，使用了<view class="uni-list-cell">，继承uni-list-cell类型，把行高设置为30rpx，请用css写出

可以使用CSS在样式中定义继承uni-list-cell的样式并设置行高为30rpx。具体步骤如下：

1. 在style标签中定义.uni-list-cell-30样式，该样式继承.uni-list-cell样式，并设置行高为30rpx。

2. 在需要设置行高为30rpx的view标签上添加class属性，值为uni-list-cell-30，即可继承.uni-list-cell样式并设置行高为30rpx。

示例代码如下：

<template>
  <view>
    <view class="uni-list-cell uni-list-cell-30">这是一行内容</view>
  </view>
</template>

<style>
.uni-list-cell {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 20rpx;
  background-color: #fff;
  border-bottom: 1rpx solid #eee;
  box-sizing: border-box;
}

.uni-list-cell-30 {
  height: 30rpx;
}
</style>

相关问题

作为uniapp开发，使用了<view class="uni-list-cell">，把行高设置为30rpx

可以通过在样式中设置height属性，将行高设置为30rpx。具体步骤如下：

1. 在view标签上添加class属性，值为uni-list-cell，这样可以使该view样式与uni-list-item相同，达到和uni-list-item一样的效果。

2. 在该view标签的样式中添加height属性，值为30rpx，即可将行高设置为30rpx。

示例代码如下：

<template>
  <view>
    <view class="uni-list-cell" style="height:30rpx;">这是一行内容</view>
  </view>
</template>

<style>
.uni-list-cell {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 20rpx;
  background-color: #fff;
  border-bottom: 1rpx solid #eee;
  box-sizing: border-box;
}
</style>

作为uniapp开发，使用了内置的css样式 class=uni-list-cell,把行间距调成1.5倍

`uni-list-cell` 是 uni-app 内置的组件样式，其实际实现是 `flex` 布局，所以设置行高需要使用 `align-items` 属性。具体实现代码如下：

<view class="uni-list-cell" style="align-items: stretch; line-height: 1.5;">
  <view>这是一段文字</view>
</view>

其中，`align-items` 属性用于设置交叉轴上的对齐方式，这里设置为 `stretch`，表示拉伸填充整个交叉轴（即高度）。然后通过设置 `line-height` 属性为 `1.5`，实现行高为字体大小的1.5倍。

如果你想在整个应用中统一设置行间距，可以在全局样式中设置：

/* App.vue */
<style lang="scss">
  /* 设置全局行高 */
  .uni-list-cell {
    align-items: stretch;
    line-height: 1.5;
  }
</style>