涂色题

闫增涛

2024-06-26 172199d84e17b2285aef2c1112fbed3c6f25f27c

 src/components/graffiti/components/brushSize.vue

@@ -9,6 +9,7 @@
      title="调整笔刷粗细"
      @change="(event) => $emit('change-size', +event.target.value)"
    />
    <el-color-picker v-model="checkColor" @change="onChangeColor"></el-color-picker>
  </div>
</template>

@@ -24,12 +25,29 @@
    brushSize() {
      return this.size
    }
  },
  data() {
    return  {
      checkColor:"#000000"
    }
  },
  methods:{
    onChangeColor(color) {
      this.$emit("change-color", color);
    },
  }
};

// const brushSize = computed(() => props.size);
</script>
<style scoped>
<style lang="less" scoped>
.wrap-range {
  display: flex;
  align-items: center;
  .el-color-picker {
    margin-left: 20px;
  }
}
.wrap-range input {
  width: 150px;
  height: 20px;