42 lines
1.6 KiB
PHP
42 lines
1.6 KiB
PHP
<style>
|
|
.vision-switch {padding: 14px;}
|
|
.vision-switch-container {display: flex;}
|
|
#vision-rnd {background: url('/theme/default/images/guide/vision_rnd.png') no-repeat;}
|
|
#vision-lite {background: url('/theme/default/images/guide/vision_lite.png') no-repeat;}
|
|
.vision {width: 47%; border: none; background: #E6F0FF; cursor:pointer; border-radius: 2px;}
|
|
.vision + .vision {margin-left: 10px;}
|
|
.vision:hover, .vision.active {box-shadow: 0 0 0 2px #2E7FFF;}
|
|
.vision-img {height: 118px; width: 100%; background-size: 100% !important;}
|
|
.vision-title {font-size: 14px; color: #0B0F18; padding: 0 8px;}
|
|
.vision-text {font-size: 12px; color: #5E626D; padding: 8px;}
|
|
</style>
|
|
<?php js::set('vision', $this->config->vision);?>
|
|
<div class='vision-switch'>
|
|
<p><?php echo $lang->block->visionTitle;?></p>
|
|
<div class="vision-switch-container">
|
|
<?php foreach($lang->block->visions as $vision):?>
|
|
<?php $active = $this->config->vision == $vision->key ? 'active' : '';?>
|
|
<a href="/index.php?m=my&f=ajaxSwitchVision&vision=<?php echo $vision->key;?>" data-type="ajax" class='vision <?php echo $active;?>' data-value="<?php echo $vision->key;?>">
|
|
<div class='vision-img' id="<?php echo 'vision-' . $vision->key;?>"></div>
|
|
<div class='vision-title'><?php echo $vision->title;?></div>
|
|
<div class='vision-text'><?php echo $vision->text;?></div>
|
|
</a>
|
|
<?php endforeach;?>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
$(function()
|
|
{
|
|
$('.vision-switch .vision').click(function(e)
|
|
{
|
|
var selectedVision = $(this).data('value');
|
|
if (vision == selectedVision)
|
|
{
|
|
e.preventDefault();
|
|
return false;
|
|
}
|
|
})
|
|
})
|
|
</script>
|