Feat:寻看点和抽奖

2024-02-06 12:42:46 +08:00
parent c88b6aa8a8
commit f3115fe7c8
73 changed files with 5324 additions and 6887 deletions
@@ -0,0 +1,57 @@
+<template>
+  <view class="components-checkbox-icon jc-center ai-center" :class="{'isSelected':isSelected}" @click="change"
+        v-if="ready">
+    <image class="icon-hook" :src="webUrl+'/20240109175325131970.png'" mode="scaleToFill" v-if="isSelected"/>
+  </view>
+</template>
+
+<script setup>
+import {computed, getCurrentInstance, onMounted, ref} from '@vue/composition-api'
+import {VUE_APP_RESOURCES_URL} from '../config/index'
+
+const webUrl = VUE_APP_RESOURCES_URL
+
+const emit = defineEmits(['change'])
+const {proxy} = getCurrentInstance()
+const props = defineProps({
+  defaultState: {
+    type: Boolean,
+    default: false
+  },
+  mark: Array
+})
+
+const ready = ref(false)
+onMounted(() => {
+  ready.value = true
+})
+
+
+const isSelected = computed(() => {
+  return props.defaultState
+})
+const change = () => {
+  emit('change', !isSelected.value, props.mark)
+}
+</script>
+
+<style scoped lang="less">
+.components-checkbox-icon {
+  display: inline-flex;
+  width: 32rpx;
+  height: 32rpx;
+  box-sizing: border-box;
+  border: 2rpx solid #D5D7D8;
+  border-radius: 50%;
+}
+
+.icon-hook {
+  width: 24rpx;
+  height: 24rpx;
+}
+
+.isSelected {
+  border: 3px solid #FD5749;
+  background: #FD5749;
+}
+</style>