新增icon信息
于肖磊
parent
51e6ab8ea9
commit
73f25f1bca
|
|
@ -1,9 +1,9 @@
|
|||
@font-face {
|
||||
font-family: "iconfont"; /* Project id 4607934 */
|
||||
src: url('iconfont.woff2?t=1723196559821') format('woff2'),
|
||||
url('iconfont.woff?t=1723196559821') format('woff'),
|
||||
url('iconfont.ttf?t=1723196559821') format('truetype'),
|
||||
url('iconfont.svg?t=1723196559821#iconfont') format('svg');
|
||||
src: url('iconfont.woff2?t=1723603502806') format('woff2'),
|
||||
url('iconfont.woff?t=1723603502806') format('woff'),
|
||||
url('iconfont.ttf?t=1723603502806') format('truetype'),
|
||||
url('iconfont.svg?t=1723603502806#iconfont') format('svg');
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
|
|
@ -14,6 +14,10 @@
|
|||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-commodity-edit:before {
|
||||
content: "\e795";
|
||||
}
|
||||
|
||||
.icon-tips:before {
|
||||
content: "\e74a";
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -5,6 +5,13 @@
|
|||
"css_prefix_text": "icon-",
|
||||
"description": "web端",
|
||||
"glyphs": [
|
||||
{
|
||||
"icon_id": "41451474",
|
||||
"name": "编辑 (2)",
|
||||
"font_class": "commodity-edit",
|
||||
"unicode": "e795",
|
||||
"unicode_decimal": 59285
|
||||
},
|
||||
{
|
||||
"icon_id": "40405526",
|
||||
"name": "问号",
|
||||
|
|
|
|||
|
|
@ -14,6 +14,8 @@
|
|||
/>
|
||||
<missing-glyph />
|
||||
|
||||
<glyph glyph-name="commodity-edit" unicode="" d="M439.9616 156.5184a20.1216 20.1216 0 0 0-13.0048 4.7104l-139.264 113.664a20.6336 20.6336 0 0 0-2.56 29.5424l358.0416 417.792a20.5824 20.5824 0 0 0 28.8256 2.56l139.2128-113.7664a20.6336 20.6336 0 0 0 2.6112-29.4912l-358.0416-417.792a21.0944 21.0944 0 0 0-15.8208-7.2192z m-109.6704 137.1648l107.0592-87.552 331.2128 386.2528-107.1104 87.552-331.1616-386.2528zM259.072 77.2096a20.8384 20.8384 0 0 0-20.48 24.064l29.9008 183.3472a20.7872 20.7872 0 0 0 40.96-6.656l-24.064-147.8656 140.1856 53.0944a20.7872 20.7872 0 0 0 14.7456-38.7584l-173.7728-65.9456a20.736 20.736 0 0 0-7.424-1.28zM512.0512-128C229.7344-128 0 101.7344 0 384.0512 0 666.4192 229.7344 896 512.0512 896c282.368 0 512.0512-229.7344 512.0512-512.0512 0-282.368-229.6832-511.9488-512-511.9488z m0 982.5792C252.6208 854.5792 41.5232 643.584 41.5232 384.0512c0-259.4304 211.0976-470.528 470.528-470.528 259.4816 0 470.528 211.0976 470.528 470.528 0 259.4816-211.0464 470.528-470.528 470.528z" horiz-adv-x="1024" />
|
||||
|
||||
<glyph glyph-name="tips" unicode="" d="M512 814.592a422.4 422.4 0 1 1 422.4-422.4A422.4 422.4 0 0 1 512 814.592z m26.624-629.76a45.056 45.056 0 0 0-31.232-12.288 42.496 42.496 0 0 0-31.232 12.8 41.984 41.984 0 0 0-12.8 30.72 39.424 39.424 0 0 0 12.8 30.72 42.496 42.496 0 0 0 31.232 12.288 43.008 43.008 0 0 0 31.744-12.288 39.424 39.424 0 0 0 12.8-30.72 43.008 43.008 0 0 0-13.312-31.744z m87.04 235.52a617.472 617.472 0 0 0-51.2-47.104 93.184 93.184 0 0 1-25.088-31.232 80.896 80.896 0 0 1-9.728-39.936v-10.24h-64v10.24a119.808 119.808 0 0 0 12.288 57.344A311.296 311.296 0 0 0 555.52 435.2l10.24 11.264a71.168 71.168 0 0 1 16.896 44.032A69.632 69.632 0 0 1 563.2 537.6a69.632 69.632 0 0 1-51.2 17.92 67.072 67.072 0 0 1-58.88-26.112 102.4 102.4 0 0 1-16.384-61.44h-61.44a140.288 140.288 0 0 0 37.888 102.4 140.8 140.8 0 0 0 104.96 38.4 135.68 135.68 0 0 0 96.256-29.184 108.032 108.032 0 0 0 36.352-86.528 116.736 116.736 0 0 0-25.088-73.216z" horiz-adv-x="1024" />
|
||||
|
||||
<glyph glyph-name="arrow-right-dbl" unicode="" d="M898.986667 411.221333L510.805333 799.402667a38.570667 38.570667 0 0 1-54.528-54.613334L817.066667 384l-360.789334-360.704a38.570667 38.570667 0 0 1 54.613334-54.613333l387.925333 388.266666a38.314667 38.314667 0 0 1 0.170667 54.357334z m-274.432 0L236.373333 799.402667a38.570667 38.570667 0 0 1-54.528-54.613334L542.72 384l-360.789333-360.704a38.570667 38.570667 0 0 1 54.613333-54.613333l388.010667 388.266666a38.229333 38.229333 0 0 1 0 54.357334z" horiz-adv-x="1024" />
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 66 KiB After Width: | Height: | Size: 67 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -23,7 +23,7 @@
|
|||
<div class="upload_style">
|
||||
<upload v-model="item.carousel_img" :limit="1" size="100%"></upload>
|
||||
</div>
|
||||
<el-form-item label="图片链接" class="w mb-16">
|
||||
<el-form-item label="图片链接" class="w mb-16" label-width="60">
|
||||
<url-value v-model="item.carousel_link"></url-value>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
|
@ -63,11 +63,7 @@ const props = defineProps({
|
|||
},
|
||||
});
|
||||
|
||||
const state = reactive({
|
||||
form: props.value
|
||||
});
|
||||
const { form } = toRefs(state);
|
||||
console.log(form.value);
|
||||
const form = ref(props.value);
|
||||
|
||||
const img_add = () => {
|
||||
form.value.img_list.push({
|
||||
|
|
@ -93,6 +89,10 @@ const product_list_add = () => {
|
|||
const product_list_sort = (new_list: any) => {
|
||||
form.value.product_list = new_list;
|
||||
}
|
||||
|
||||
watchEffect(() => {
|
||||
form.value = props.value;
|
||||
})
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.card.mb-8 {
|
||||
|
|
@ -100,4 +100,15 @@ const product_list_sort = (new_list: any) => {
|
|||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
.card-background {
|
||||
background: #fff;
|
||||
padding-left: 1.6rem;
|
||||
padding-right: 2rem;
|
||||
padding-top: 4.6rem;
|
||||
padding-bottom: 1.6rem;
|
||||
}
|
||||
.upload_style {
|
||||
width: 100%;
|
||||
height: 12.4rem;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -51,20 +51,6 @@
|
|||
</card-container>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
interface from {
|
||||
color_list: string[];
|
||||
background_img_url: string;
|
||||
background_img_style: string;
|
||||
is_roll: boolean;
|
||||
rotation_direction: string;
|
||||
interval_time: number;
|
||||
heading_color: string;
|
||||
heading_typeface: string;
|
||||
heading_size: number;
|
||||
subtitle_color: string;
|
||||
subtitle_typeface: string;
|
||||
subtitle_size: number;
|
||||
}
|
||||
const props = defineProps({
|
||||
value: {
|
||||
type: Object,
|
||||
|
|
@ -72,17 +58,16 @@ const props = defineProps({
|
|||
}
|
||||
});
|
||||
|
||||
// 默认值
|
||||
const state = reactive({
|
||||
form: props.value
|
||||
});
|
||||
// 如果需要解构，确保使用toRefs
|
||||
const { form } = toRefs(state);
|
||||
const form = ref(props.value);
|
||||
|
||||
const mult_color_picker_event = (arry: string[], type: number) => {
|
||||
form.value.user_id_color_list = arry;
|
||||
form.value.user_id_direction = type.toString();
|
||||
};
|
||||
|
||||
watchEffect(() => {
|
||||
form.value = props.value;
|
||||
})
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.card.mb-8 {
|
||||
|
|
|
|||
|
|
@ -49,8 +49,9 @@ const props = defineProps({
|
|||
default: () => {},
|
||||
},
|
||||
});
|
||||
// 风格数组
|
||||
const style_list = ['heng2', 'shu2', 'shang2xia1', 'shang1xia2', 'zuo1you2', 'zuo2you1', 'tianzige', 'shang2xia3', 'zuo1youshang1youxia2'];
|
||||
|
||||
// 每个小模块独立的样式
|
||||
const data_style = {
|
||||
color_list: ['#FFD9C3', '#FFECE2', '#FFFFFF'],
|
||||
direction: '90deg',
|
||||
|
|
@ -79,7 +80,7 @@ const data_style = {
|
|||
actived_color: '#2A94FF',
|
||||
color: '#DDDDDD',
|
||||
}
|
||||
|
||||
// 每个小模块独立的内容
|
||||
const data_content = {
|
||||
data_type: 'commodity',
|
||||
heading_title: '',
|
||||
|
|
@ -88,7 +89,7 @@ const data_content = {
|
|||
img_list:[]
|
||||
}
|
||||
|
||||
// 风格
|
||||
// 不同风格的数据
|
||||
const style_show_list = [
|
||||
[{ start: {x: 1, y: 1}, end: {x: 4, y: 2} }, { start: {x: 1, y: 3},end: {x: 4, y: 4} }], // 风格1
|
||||
[{ start: {x: 1, y: 1}, end: {x: 2, y: 4} }, { start: {x: 3, y: 1},end: {x: 4, y: 4} }], // 风格2
|
||||
|
|
@ -111,15 +112,6 @@ const cubeHeight = ref(400);
|
|||
const style_width = computed(() => cubeWidth.value + 'px');
|
||||
const style_height = computed(() => cubeHeight.value + 'px');
|
||||
|
||||
function handleResize() {
|
||||
if (window.innerWidth <= 1540) {
|
||||
cubeWidth.value = 330;
|
||||
cubeHeight.value = 330;
|
||||
} else {
|
||||
cubeWidth.value = 390;
|
||||
cubeHeight.value = 390;
|
||||
}
|
||||
}
|
||||
onBeforeMount(() => {
|
||||
if (isEmpty(form.value.data_magic_list)) {
|
||||
form.value.data_magic_list = magic_list(0);
|
||||
|
|
@ -133,6 +125,16 @@ onMounted(() => {
|
|||
onUnmounted(() => {
|
||||
window.removeEventListener('resize', handleResize);
|
||||
});
|
||||
|
||||
const handleResize = () => {
|
||||
if (window.innerWidth <= 1540) {
|
||||
cubeWidth.value = 330;
|
||||
cubeHeight.value = 330;
|
||||
} else {
|
||||
cubeWidth.value = 390;
|
||||
cubeHeight.value = 390;
|
||||
}
|
||||
}
|
||||
//#endregion
|
||||
const selected_active = ref(0);
|
||||
|
||||
|
|
@ -141,6 +143,7 @@ const style_click = (index: number) => {
|
|||
|
||||
form.value.style_actived = index;
|
||||
selected_active.value = 0;
|
||||
tabs_name.value = 'content';
|
||||
}
|
||||
const magic_list = (index: number) => {
|
||||
return cloneDeep(style_show_list[index]).map((item) => ({
|
||||
|
|
@ -153,6 +156,7 @@ const magic_list = (index: number) => {
|
|||
// 选中的点击事件
|
||||
const selected_click = (index: number) => {
|
||||
selected_active.value = index;
|
||||
tabs_name.value = 'content';
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
|
|
|
|||
|
|
@ -93,16 +93,6 @@ const cubeHeight = ref(400);
|
|||
const style_width = computed(() => cubeWidth.value + 'px');
|
||||
const style_height = computed(() => cubeHeight.value + 'px');
|
||||
|
||||
function handleResize() {
|
||||
if (window.innerWidth <= 1540) {
|
||||
cubeWidth.value = 330;
|
||||
cubeHeight.value = 330;
|
||||
} else {
|
||||
cubeWidth.value = 390;
|
||||
cubeHeight.value = 390;
|
||||
}
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
handleResize();
|
||||
window.addEventListener('resize', handleResize);
|
||||
|
|
@ -111,6 +101,16 @@ onMounted(() => {
|
|||
onUnmounted(() => {
|
||||
window.removeEventListener('resize', handleResize);
|
||||
});
|
||||
|
||||
const handleResize = () => {
|
||||
if (window.innerWidth <= 1540) {
|
||||
cubeWidth.value = 330;
|
||||
cubeHeight.value = 330;
|
||||
} else {
|
||||
cubeWidth.value = 390;
|
||||
cubeHeight.value = 390;
|
||||
}
|
||||
}
|
||||
//#endregion
|
||||
const selected_active = ref(0);
|
||||
const state = reactive({
|
||||
|
|
|
|||
Loading…
Reference in New Issue