wuhui_zzw
/
wyyl
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

wip

This commit is contained in:
pushuo 2022-07-14 14:37:33 +08:00
parent 3905a7fcfc
commit 3500482767
5 changed files with 27 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
public/build/beike/admin/css/design.css vendored
View File

@ -227,6 +227,12 @@ body.page-design .pb-images-selector .pb-images-list .el-input-group__prepend {
padding: 0 10px;
}
.file-manager-box .layui-layer-title {
background-color: #293042;
color: #fff;
border-color: #404e72;
}
.link-selector-wrap > .title {
margin-bottom: 6px;
position: relative;

8
resources/beike/admin/css/design/app.scss vendored
View File

@ -266,7 +266,13 @@ body.page-design {
}
}
.file-manager-box {
.layui-layer-title {
background-color: #293042;
color: #fff;
border-color: #404e72;
}
}
.link-selector-wrap {
> .title {

13
resources/beike/admin/views/pages/design/builder/component/image_selector.blade.php
View File

@ -2,11 +2,16 @@
<div class="pb-image-selector">
<el-tabs v-if="isLanguage" @tab-click="tabClick" value="language-{{ current_language_id() }}" :stretch="languages.length > 5 ? true : false" type="card" :class="languages.length <= 1 ? 'languages-a' : ''">
<el-tab-pane v-for="(item, index) in languages" :key="index" :label="item.name" :name="'language-' + item.id">
<span slot="label" style="padding: 0 2px">@{{ item.name }}</span>
<span slot="label" style="padding: 0 4px; font-size: 12px">@{{ item.name }}</span>
<div class="i18n-inner">
<div class="img">
<img :src="type == 'image' ? thumbnail(value[item.id]) : 'image/video.png'" :id="'thumb-' + id" @click="selectButtonClicked">
{{-- <img :src="type == 'image' ? thumbnail(value[item.id]) : 'image/video.png'" :id="'thumb-' + id" @click="selectButtonClicked"> --}}
<el-image :src="type == 'image' ? thumbnail(value[item.id]) : 'image/video.png'" :id="'thumb-' + id" @click="selectButtonClicked">
<div slot="error" class="image-slot">
<i class="el-icon-picture-outline"></i>
</div>
</el-image>
</div>
<div class="btns">
<el-button type="primary" size="mini" plain @click="selectButtonClicked">选择</el-button>
@ -96,6 +101,7 @@
type: 2,
title: '图片管理器',
shadeClose: false,
skin: 'file-manager-box',
scrollbar: false,
shade: 0.8,
area: ['80%', '80%'],
@ -164,8 +170,7 @@
}
.pb-image-selector .i18n-inner {
margin-top: 5px;
/*margin-top: 5px;*/
display: flex;
align-items: center;
background: whitesmoke;

5
resources/beike/admin/views/pages/design/builder/index.blade.php
View File

@ -81,13 +81,13 @@
data: {
form: {
modules: [
{"content":{"style":{"background_color":""},"full":true,"floor":{"2":"","3":""},"images":[{"image":{"2":"catalog/demo/slideshow/2.jpg","3":"catalog/demo/slideshow/2.jpg"},"show":true,"link":{"type":"product","value":"","link":""}},{"image":{"2":"catalog/demo/slideshow/1.jpg","3":"catalog/demo/slideshow/1.jpg"},"show":false,"link":{"type":"product","value":"","link":""}}]},"code":"slideshow","name":"幻灯片","module_id":"b0448efb0989"}
// {"content":{"style":{"background_color":""},"full":true,"floor":{"2":"","3":""},"images":[{"image":{"2":"catalog/demo/slideshow/2.jpg","3":"catalog/demo/slideshow/2.jpg"},"show":true,"link":{"type":"product","value":"","link":""}},{"image":{"2":"catalog/demo/slideshow/1.jpg","3":"catalog/demo/slideshow/1.jpg"},"show":false,"link":{"type":"product","value":"","link":""}}]},"code":"slideshow","name":"幻灯片","module_id":"b0448efb0989"}
]
},
design: {
type: 'pc',
editType: 'module',
editType: 'add',
sidebar: false,
editingModuleIndex: 0,
ready: false,
@ -144,6 +144,7 @@
}
},
created () {
this.form = @json($design_settings)
},
mounted () {
},

4
resources/beike/admin/views/pages/design/module/slideshow.blade.php
View File

@ -28,7 +28,7 @@
<el-tooltip class="" effect="dark" content="删除" placement="left">
<div class="remove-item" @click.stop="removeImage(index)"><i class="iconfont">&#xe63a;</i></div>
</el-tooltip>
<i :class="'fa fa-angle-'+(item.show ? 'up' : 'down')"></i>
<i :class="'el-icon-arrow-'+(item.show ? 'up' : 'down')"></i>
</div>
</div>
<div :class="'pb-images-list ' + (item.show ? 'active' : '')">
@ -89,7 +89,7 @@ Vue.component('module-editor-slideshow', {
addImage() {
this.module.images.find(e => e.show = false);
this.module.images.push({image: 'catalog/demo/slideshow/2.jpg', show: true, link: {type: 'product', value:''}});
this.module.images.push({image: '', show: true, link: {type: 'product', value:''}});
}
}
});