Using paramenters in Styles inside template7


#1

Is possible passing parameters for inside of the template7?
Example:

<template>
	<style>
		.testando {
			color: {{teste}};
		}
	</style>
    <div class="panel panel-left panel-cover">
        <div class="view">
            <div class="page">
                <div class="page-content">
                    <div class="block-title">Menu de Navegação</div>
                    <div class="block" align="center">
                        <img  class="navbar__avatar" style="width: 100px; height: 100px;" src="{{avatar}}">
                    </div>                    
                    <div class="list links-list">
                        <ul>                            
                            <li>
                                <a href="/login-screen/" onClick="logout()" class="panel-close">Sair</a>
                            </li>
                        </ul>
                    </div>                    
                </div>
            </div>
        </div>
    </div>
</template>
<script>
  return {
    data: function () {
      return {        
        avatar: localStorage.getItem('avatar'),
        color: 'red'
      }
    },
  }
</script>

I trying but not working… hahahah


#2

Put styles under template root element:

<template>
    <div class="panel panel-left panel-cover">
       <style>
		.testando {
			color: {{teste}};
		}
       </style>
        ...