小程序，一行，view占滿剩余空間

在小程序中，有類似效果的界面

• 左邊標題，右邊是value
• 標題和value都是不定寬
• 右側使用input時，在value特別長的時候會顯示不全，需要拖動

用什么樣式處理這種問題？
答案是：flex-grow

.container {
  display: flex;
}
.title-wrapper {
  display: flex;
  flex-grow: 0;
  margin-left: 40rpx;
  height: 100%;
}

.input-wrapper {
  height: 100%;
  flex-grow: 1;
}

在flex布局下，使用flex-grow屬性
input外層 用一個view包住 class="input-wrapper"
如上寫法，input-wrapper會占據一行中剩余寬度