uniapp css拼接变量

在uniapp中可以使用以下方式来拼接CSS变量：

1. 使用`:style`指令

<template>
  <div :style="{color: primaryColor}">
    <p :style="{background: primaryColor + '20'}">Hello World</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      primaryColor: '#FF0000'
    }
  }
}
</script>

2. 使用`computed`计算属性

<template>
  <div :style="computedStyles">
    <p :style="computedParagraphStyles">Hello World</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      primaryColor: '#FF0000'
    }
  },
  computed: {
    computedStyles() {
      return {
        color: this.primaryColor
      }
    },
    computedParagraphStyles() {
      return {
        background: this.primaryColor + '20'
      }
    }
  }
}
</script>

以上两种方式都可以实现CSS变量的拼接。注意，在拼接时需要在变量后面添加具体的CSS属性值，比如`'20'`、`'px'`、`'rem'`等。